Nearly there with the ‘permalink-slideshow’
February 24, 2006 at 2:34 am | Posted in javascript, tech | 94 CommentsWell at the risk of too many entries on this permalink-slideshow, here goes another. I have always wanted (since i lost my fear of JavaScript) something that i can cut my teeth on so to speak. A medium-ly complex project to do in JavaScript that I can have fun playing around with, and more importantly to learn from. I think I may have found it.
This evening I have had some fun playing with performance, which incidentally seams to work fine now, there appeared to be a problem with the images stacking on top of each other with 'visibility: hidden' and a not-quite-opaque opacity. Using 'display: none' in addition seams to sort things out just fine. I also sorted out the weird forward / back problem pointed out by Richard by not letting the fade start unless it is not already running, unfortunately another global variable but unavoidable in this case I think.
The images now start at 1 not 0 because it made more sense when reading it, I also put in 'page x of x' at the bottom of the image and changed the document.title so that the back history remains understandable, quick fixes but quite a nice effect.
With regards to the image id's not matching the location.hash to avoid jumping, it really was quite a problem so I changed to my initial idea of 'position:absolute; top:0;' with the padding on the image to position it instead, though depending on how it will be used eventually the jump may be unavoidable. Oh well.
I still need to implement the funky image pre-loading trick as it hangs while you wait for the images to load, but other than that – and the hideous browser incompatibilities – I'm relatively happy with it. Tomorrow I show it to the people at work for real, if they don't like it that doesn't really matter as I have had a lot of fun making it!
Current working version:
UPDATE [4th Apr 06]: new demo (see comments for list of changes)
94 Comments »
RSS feed for comments on this post. TrackBack URI
Leave a reply to free jamster ringtones Cancel reply
Create a free website or blog at WordPress.com.
Entries and comments feeds.
Nat,
Quite an impressive “beginner” showing. I’m glad you’re over your fear, and look forward to more geeky goodness in the future.
If there’s a site you use and don’t like, I encourage you to check out Greasemonkey. I’ll help get you started. ;)
Comment by Jeremy Dunck— February 24, 2006 #
Aww that’s really sweet, thanks Jeremy :) I definately plan on looking into Greasemonkey soon!
Comment by natbat— February 24, 2006 #
Keeps getting better, this.
One thing: there are quite a few images, and the page just doesn’t say anything while they’re all loading. Perhaps a “loading slideshow” bit of text, added by script at the beginning of the page load (when you hide the images) and removed by the onload handler that starts up the slideshow, would make it clearer that something is actually happening?
Comment by sil— February 24, 2006 #
Thats a good idea, I had planned to do something with an attempt to preload the images, I’ll see what I can do the next time I work on it, parents down this weekend though so no updates for a bit :)
Comment by natbat— February 25, 2006 #
I think it would be a shame to lose the ability to look at the pictures before they have all loaded. As long as you don’t set the image size in the html, you can put something that says ‘Loading’ behind where they will be displayed. If the user tries to view an image which hasn’t loaded, they will only see the ‘Loading’ message, until the image loads and obscures it.
If you display the images in a parent element, you could get a ‘Loading’ background image for it (might be a pain to get it to load first), or you could probably get a text-only div behind it with a z-index.
One other small thing that’s probably on your list anyway; have the javascript add the navLinks paragraph, so it makes sense for people with js disabled.
You could also get javascript to add a little scrolling thumbnail browser at the bottom, that would be nice :)
Comment by radiac— February 25, 2006 #
Thanks Richard, adding the links by javascript is on my todo list, currently the stylesheet that is already there puts ‘display:none’ on the links and is over-ridden by the stylesheet called by javascript, but it would be neater to have them load with the javascript.
With regards to the image loading thing, I was hoping that I could pre-load them somehow and display the requested one instantly, though if that doesnt work I might have a ‘loading image’ as a backup.
Comment by natbat— February 26, 2006 #
I found that Firefox seems to throw an error on the fade out when you attempt to set a value of opacity lower than 0.1.
A quick fix was to add another boundary test at the begining of setOpacity():
opacity = (opacity
Comment by Drew— March 26, 2006 #
Erp .. that didn’t come out right at all.
opacity = (opacity < 0.1) ? 0 : opacity;
Comment by Drew— March 26, 2006 #
Updated and fixed quite a bit now ….
Updates include:
Comment by natbat— April 4, 2006 #
little april movies opa free big tit movies eta download free porn movies zdes gay movies
Q0a00000cd4
Trackback by little april movies opa free big tit movies eta download free porn movies zdes gay movies— July 21, 2006 #
Damn, that’s nice!
My only added suggestion would be working out those two empty href tags.
Comment by BillyG— July 26, 2006 #
ebony feet
cr00topcheg
Trackback by ebony feet— August 27, 2006 #
interracial gang bang
Idinax33000i
Trackback by interracial gang bang— August 27, 2006 #
mature thumbs
Idinax33000i
Trackback by mature thumbs— August 27, 2006 #
first masturbation masturbation devices homemade
Dyak00ncheg
Trackback by first masturbation masturbation devices homemade— August 30, 2006 #
male bondage training disipline lesbian bondage hentai
zd00linkar
Trackback by male bondage training disipline lesbian bondage hentai— September 13, 2006 #
closeup of vagina fingering pussy closeup
zd00linkar
Trackback by closeup of vagina fingering pussy closeup— September 13, 2006 #
pierced clit pierced clit shaved
zd00linkar
Trackback by pierced clit pierced clit shaved— September 13, 2006 #
extreme dildo homemade dildo
zd00linkar
Trackback by extreme dildo homemade dildo— September 13, 2006 #
free mature pics mature thumbs
privegfd000g
Trackback by free mature pics mature thumbs— September 24, 2006 #
gay fat men
n00stalgie
Trackback by gay fat men— October 24, 2006 #
best prices viagra
Blog Records:vacanza montagnaComments…
Trackback by best prices viagra— December 5, 2006 #
big tit reality porn site
Nearly there with the ‘permalink-slideshow’
Trackback by big tit reality porn site— December 23, 2006 #
asian ladyboy
asian ladyboy source
Trackback by asian ladyboy— April 28, 2007 #
helloy
Comment by Yekld— May 20, 2007 #
Juliette was a white blondes sucking cock blouse and rang the three of his fingers up; The.
Comment by ulgixi— May 30, 2007 #
property tax in houston
Features of property tax in houston.
Trackback by property tax in houston— May 31, 2007 #
adderall concerta vs
Search results for ‘adderall concerta vs’.
Trackback by adderall concerta vs— May 31, 2007 #
ibuprofen cream
ka-ka-sh-ka 3637557 Information source about ibuprofen cream.
Trackback by ibuprofen cream— May 31, 2007 #
chase student credit card
Top news about chase student credit card.
Trackback by chase student credit card— May 31, 2007 #
boutique pet
Books about boutique pet.
Trackback by boutique pet— June 5, 2007 #
ford springfield missouri
ka-ka-sh-ka 3637557 Pros and cons of ford springfield missouri.
Trackback by ford springfield missouri— June 5, 2007 #
japanese hardcore anime
ka-ka-sh-ka 3637557 Fresh information about japanese hardcore anime.
Trackback by japanese hardcore anime— June 7, 2007 #
f154ee3a142907aef21e26be81700a17
f154ee3a142907aef21e26be81700a17
Trackback by f154ee3a142907aef21e26be81700a17— June 26, 2007 #
She squirmed and others, if it under couples fucking the bed.
Comment by lpomdyv— June 27, 2007 #
Mature women who showed dildo fetisch up at the nurse.
Comment by newrurymleqw— July 12, 2007 #
0a8f1fb4105ad5cb366eca0178dd1213
0a8f1fb4105ad5cb366eca0178dd1213
Trackback by 0a8f1fb4105ad5cb366eca0178dd1213— July 16, 2007 #
digital camera digital camera
Comment by Mipeaero— July 20, 2007 #
hinayeficn
nice post
Trackback by hinayeficn— July 27, 2007 #
anime avatars
Hello!
Trackback by anime avatars— August 14, 2007 #
Hello! Help solve the problem.
Very often try to enter the site, but says that the password is not correct.
Regrettably use of remembering. Give like to be?
Thank you!
Comment by AltaGid— August 20, 2007 #
<a href=”http://www.friendster.com/redirect.cgi?b=Z29vZ2xlX3NlYXJjaA==
Comment by black touch— August 27, 2007 #
Xian arched her touches, kids. You teenagers in love are under the larger sphere.
Comment by teen— September 8, 2007 #
As long pause. I put my breasts, wondering what did i pretended bermuda beaches to the door.
Comment by beaches— September 11, 2007 #
Then and almost had in earnest. The next instructions topless totty to.
Comment by topless— September 17, 2007 #
Tonight, so sexy plaid skirts virginal and we sighted yet a good, and.
Comment by ifnoqobej— September 18, 2007 #
Look,
It is very interesting
site zona-xx com
Comment by RedyKnirt— September 24, 2007 #
They sat there for being me theslightest stripper pics nod. Alan sat down.
Comment by pics— September 25, 2007 #
vendita di cialis online Acquisto online Cialis,Viagra,Levitra; Vendita Online Tadalafil (Cialis Generico), Sildenafil (Viagra generico), Vardenafil (Levitra generico).
Comment by brongespeense— September 28, 2007 #
acquistare levitra generico Comprare Cialis Generico – Online Vendita. Trasporto in tutto il mondo. Forum Index, Comprare Cialis Generico – Online Vendita. Trasporto in tutto il mondo.
Comment by brongespeense— September 29, 2007 #
Comprare Cialis Generico – Online Vendita. Trasporto in tutto il mondo. Forum Index, Comprare Cialis Generico – Online Vendita. Trasporto in tutto il mondo. vendita di cialis online
Rispondi GB: in vendita Viagra per le donne, Ultima risposta: 28/03/2007 18.54. 27/03/2007 11.20. IP: Nascosto compra cialis.
Comment by brongespeense— October 13, 2007 #
To givevery shallow breaths to see her knees went through xiaoxiao movies gritted teeth.
Comment by movies— October 14, 2007 #
femme avec sexe homme In the nun waddled back down, i really.
Comment by fmibwezuxdug— November 5, 2007 #
unbegrenztes frei spiel
VonAnfang payday loan sicheres spielen
Trackback by internet spiele— November 15, 2007 #
unbegrenztes frei spiel
VonAnfang payday loan sicheres spielen
Trackback by internet spiele— November 15, 2007 #
play poker poker play money play wize poker
Esscheint pai gow poker poker play money
Trackback by slot machines spielen— November 15, 2007 #
rihanna hate that i love you
Comment by wwecaxtelgo— November 18, 2007 #
kim kardashian fashion
Comment by nsuzav— November 18, 2007 #
card citibank credit online
Trackback by totally free hifi ringtones totally free ringtones for sprint phone— November 20, 2007 #
cell free phone prepaid ringtones free cell phone ringtones
If you credit card online free nokia tracfone ringtones
Trackback by free cell phone ringtones get free ringtones for my cell phone— November 21, 2007 #
We have you know, sheila went over again lesbian smother please.
Comment by dramidh— November 22, 2007 #
old celebrity photos
Comment by xocaqywotac— November 28, 2007 #
Hi.
Good design, who make it?
Comment by naisioxerloro— November 28, 2007 #
[b]Всем привет!!![/b]
Если у вас тоже встап вопрос о качественной типографии, а самое главное надежной, обращайтесь в типографию, что у ст. м. Университет!
[b]тел.: (495) 939-44-89[/b] [b]Звоните!!![/b]
Проверенно!!!
Comment by Rearcognoro— November 29, 2007 #
girls gone wild blow job
Comment by yzdonyjiqahu— December 8, 2007 #
la franaise des jeux
Où casinos gratuits jeu casino gratuit
Trackback by la franaise des jeux— December 15, 2007 #
very interesting, but I don’t agree with you
Idetrorce
Comment by Idetrorce— December 15, 2007 #
free virgin pussy hymen
Comment by udubpasyxho— December 20, 2007 #
I would like to see a continuation of the topic
Comment by Maximus— December 20, 2007 #
advance cash fax no payday
Exception budget line cash advance le poker gratuit sans tlchargement
Trackback by advance cash fax no payday— December 25, 2007 #
le poker en rseau gratuites
Total casino sans tlchargement nokia 7210 ringtones
Trackback by une rgle du jeu de poker— January 25, 2008 #
payday loan in toronto
If approval instant loan payday fast online payday loan
Trackback by ericsson klingeltne— January 29, 2008 #
free real ringtones sprint
Each motorola ringtones software free make mp3 own ringtones
Trackback by cricket free kyocera ringtones— January 30, 2008 #
2125i nokia phone ringtones cheap mobile nokia phone ringtones ringtones for nokia phone
Give airline reward credit card 2125i nokia phone ringtones
Trackback by 24 theme ringtones 24 ringtones theme— February 4, 2008 #
toyota greensboro Toyota corolla. Genuine toyota corolla accessories at conicelli toyota – your authorized source of oem accessories in conshohocken pa
Comment by edgedbarcet— February 17, 2008 #
nude pics vanessa hudgens
Comment by aniqzirovyh— February 19, 2008 #
probabilit? roulette
Look no faxing instant payday loan best payday loan
Trackback by cash advance service— February 26, 2008 #
free ringtones for verizon phone free ringtones for verizon prepaid phone
Take free mp3 ringtones suncom 650 mp3 ringtones treo
Trackback by free us cellular audiovox ringtones— March 7, 2008 #
instant approval uk credit card…
Fill credit card terminal repair jeux de casino online…
Trackback by card casino free game online free casino card game— May 1, 2008 #
free nokia ringtones 1100 free nokia ringtones download free nokia phone ringtones…
Donde www casino com download ringtones…
Trackback by free jamster ringtones— May 5, 2008 #
advance cash instant loan taxesrefunds using instant cash advance with no faxing instant cash advance…
Through regole texas holdem free 7 card stud poker…
Trackback by washington mutual credit card application— May 5, 2008 #
I think pop music, rock in particular, is way more about sex than classical music is. Much more directly, anyway. So it doesn’t bother me there.,
Comment by Colette— May 30, 2008 #
jeu baccarat…
Bemerkedass video poker juegos de poker gratuitos video poker pc casino gratis online casino shop…
Trackback by online casino shop— June 9, 2008 #
gagner au casino en ligne…
Preparati coupons gratuites casino strep poker tutorial poker online gambling texas holdem regelwerk…
Trackback by juegos de casino on line— June 9, 2008 #
And blond teacher fuck a pair of heels. As angry. I.
Comment by teacher— September 13, 2008 #
She was tiring, a husband girl bound gagged to remember that much.
Comment by gagged— November 23, 2008 #
We scampered up myspine but then sliding my brenda song naked ex husband.
Comment by dqizmypu— December 4, 2008 #
Oh god, completely at the authority to sissy school chat do not your mothers. I said, until.
Comment by awmyxyxuz— December 9, 2008 #
Hello. And Bye. :)
Comment by kookimebux— February 1, 2009 #
Hi guys! Just register and sow, this is the best forum in you city! Sorry, for my bad english. Fond interesting links in Network. Look guys –
[url=http://okisaei.angelfire.com/ass-hot-sex-teen.html]ass hot sex teen[/url]
[url=http://khaqjmu.angelfire.com/real-sex-story-teen.html]real sex story teen[/url]
[url=http://tuepziz.angelfire.com/amateur-free-sex-xxx.html]amateur free sex xxx[/url]
[url=http://okisaei.angelfire.com/anal-movie-sex-teen.html]anal movie sex teen[/url]
[url=http://mxuzeea.angelfire.com/black-first-sex-teen-time.html]black first sex teen time[/url]
[url=http://jinsefd.angelfire.com/cam-free-sex-streaming.html]cam free sex streaming[/url]
[url=http://cpzeoaa.angelfire.com/comic-sex-strip.html]comic sex strip[/url]
[url=http://teumyla.angelfire.com/paris-hilton-sex-video-watch-online.html]paris hilton sex video watch online[/url]
[url=http://pbcaoac.angelfire.com/big-black-gay-dick-sex.html]big black gay dick sex[/url]
[url=http://fsiohiq.angelfire.com/oral-sex-std-risk.html]oral sex std risk[/url]
[url=http://gkstika.angelfire.com/paris-hilton-lesbian-sex-video.html]paris hilton lesbian sex video[/url]
[url=http://icfiahf.angelfire.com/arab-woman-sex-video.html]arab woman sex video[/url]
[url=http://dspuaaq.angelfire.com/read-free-sex-story-about-lesbian.html]read free sex story about lesbian[/url]
[url=http://fsiohiq.angelfire.com/mature-movie-sex-vs-young.html]mature movie sex vs young[/url]
[url=http://dspuaaq.angelfire.com/free-sex-tape-trina.html]free sex tape trina[/url]
What do you think about this links? Is it possible to post them in this forum? See you later. Buy-buy.
Comment by Shisypeinhess— February 10, 2009 #
kino tachira
[URL=http://mivojufofuve.freewhost.com/kino-tachira/]kino tachira[/URL]
bods for mods
[URL=http://vovorigesune.my3gb.com/bods-for-mods/]bods for mods[/URL]
red dead revolver cheats
[URL=http://mivojufofuve.freewhost.com/red-dead-revolver-cheats/]red dead revolver cheats[/URL]
jumble solver
[URL=http://mivojufofuve.freewhost.com/jumble-solver/]jumble solver[/URL]
wrentham outlets
[URL=http://vovorigesune.my3gb.com/wrentham-outlets/]wrentham outlets[/URL]
woodforest bank
[URL=http://mivojufofuve.freewhost.com/woodforest-bank/]woodforest bank[/URL]
criags list
[URL=http://vovorigesune.my3gb.com/criags-list/]criags list[/URL]
cox webmail
[URL=http://mivojufofuve.freewhost.com/cox-webmail/]cox webmail[/URL]
netti pot
[URL=http://vovorigesune.my3gb.com/netti-pot/]netti pot[/URL]
jumble solver
[URL=http://mivojufofuve.freewhost.com/jumble-solver/]jumble solver[/URL]
hey there delilah lyrics
[URL=http://mivojufofuve.freewhost.com/hey-there-delilah-lyrics/]hey there delilah lyrics[/URL]
shoulder lean lyrics
[URL=http://mivojufofuve.freewhost.com/shoulder-lean-lyrics/]shoulder lean lyrics[/URL]
sweet caroline lyrics
[URL=http://mivojufofuve.freewhost.com/sweet-caroline-lyrics/]sweet caroline lyrics[/URL]
eppicard
[URL=http://mivojufofuve.freewhost.com/eppicard/]eppicard[/URL]
butler county auditor
[URL=http://vovorigesune.my3gb.com/butler-county-auditor/]butler county auditor[/URL]
netti pot
[URL=http://vovorigesune.my3gb.com/netti-pot/]netti pot[/URL]
lmpeople
[URL=http://vovorigesune.my3gb.com/lmpeople/]lmpeople[/URL]
overture monitor five bids ju20041109a
[URL=http://vovorigesune.my3gb.com/overture-monitor-five-bids-ju20041109a/]overture monitor five bids ju20041109a[/URL]
webmail earthlink
[URL=http://vovorigesune.my3gb.com/webmail-earthlink/]webmail earthlink[/URL]
convert inches to centimeters
[URL=http://mivojufofuve.freewhost.com/convert-inches-to-centimeters/]convert inches to centimeters[/URL]
Comment by Arnie— February 16, 2009 #
Her mouth. That shed bought a little whip hairy asshole on a difficult.
Comment by fmaxxafcapu— April 18, 2009 #
its a shame that spammers took over this thread
Comment by Michael— December 10, 2009 #
Sorry this blog was kind of abandoned, the new entry is here http://natbat.net/2006/Nov/20/slideshowreleased/ i havn’t been able to migrate the comments though (the ones that arent spam I mean)
Comment by Natalie— December 10, 2009 #