tnd1000
-
Posts
54 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by tnd1000
-
jQuery/Javascript mouseenter function for button? [Solved]
tnd1000 replied to tnd1000's topic in JavaScript
I'm sorry, I obviously misunderstood the matter of the image sprites, as I did read that tutorial. I thought that since I was using JavaScript to operate the buttons, that jQuery would be the best way to go (I didn't want to inadvertently use a bad coding practice or something...). Honestly, I'm thankful that it wasn't. Thank you for your time, and for setting the record straight. -
Um....seriously? Go for it, dude..... *Walks away shaking head*
-
Hey there. I've been reading up on this in the various tutorials, but I don't really know if I'm going about it the right way, so I guess I'm going to be asking yet another question... I made some playback buttons for my site's slideshow (which Don E. was kind enough to make, seen here: http://w3schools.inv...=0), and I would like to add a hover effect to them. I have another set of button-images to be used for the hover effect, so that the buttons would go from red (normal) to green (moused-over). The jQuery "mouseenter" function seems like it would do what I'm looking for, I just don't really know how to deal with images. This is the section of javascript that operates the buttons: function slide(){imgSlide.src = images[pic].src;if(pic < 1) // images.length - 1 can be used here{pic++;}else{pic = 0 }timer = setTimeout(slide, 5000);} function prev(){if(timer)stopSlide(); if(pic == 0){ pic = 1; imgSlide.src = images[pic].src;}else{pic--;imgSlide.src = images[pic].src;}} function next(){if(timer)stopSlide(); if(pic == 1){ pic = 0;imgSlide.src = images[pic].src;}else{pic++;imgSlide.src = images[pic].src;} } function stopSlide(){clearTimeout(timer);} The buttons themselves in the <body> tag (I shortened the URLs so that my site's name wouldn't show): <a href="JavaScript:stopSlide()" title="Stop"><img src="stop.png"></a> <a href="JavaScript:prev()" title="Previous"><img src="back.png"></a> <a href="JavaScript:slide()" title="Start"><img src="play.png"></a> <a href="JavaScript:next()" title="Next"><img src="next.png"></a> If anyone could point me in the right direction of how to do this, I'd really appreciate it.
-
Man, you are awesome. I didn't expect you to actually build the thing, but thank you very much! I'll give it a try. -EDIT- It works great, and it's actually just what my client was looking for! I'll do a bit of tweaking and integration, and it'll be perfect. Can't quite thank you enough for your help.
-
Hey there! I'm looking to build a slideshow for my site, and I was wondering what would be the best way to go about it. All I really need are the basic buttons (start, stop, forward, backward) and the capability to cycle through a LOT of pictures. Any advice would be greatly appreciated!
-
Hey, folks. Another newb here (oh, the horror!). I'm relatively new to coding, and have taken a sink-or-swim approach to it...needless to say, I spend a lot of time swearing and gesturing violently at the computer screen. But this place has been a great help--where other support forums have failed, you guys actually step up and assist. Can't tell you how great it was to have my first question answered within half an hour, and with a lot more than just "you can't do that." I hope that soon I'll be at a point where I can effectively help others with their questions, as well...
