I am using Eric Rohloff's slideshow from http://progrower.coffeecup.com called "Jquery fading slideshow" and I am wondering how to remove the links from the pictures so it does not reload the page if clicked on. Please help
Hiya Justin
To do this you need to remove the link code from the text in the text box he gave on the page that looks like this:
<div id="slideshow">
<a href="http://www.google.com" class="active"><img src="jqueryslideshow/image1.jpg" alt="Slideshow Image 1" /></a>
<a href="http://www.coffeecup.com/forums"><img src="jqueryslideshow/image2.jpg" alt="Slideshow Image 2" /></a>
<a href="http://www.aol.com"><img src="jqueryslideshow/image3.jpg" alt="Slideshow Image 3" /></a>
<a href="http://www.yahoo.com"><img src="jqueryslideshow/image4.jpg" alt="Slideshow Image 4" /></a>
<a href="http://www.coffeecup.com"><img src="jqueryslideshow/image5.jpg" alt="Slideshow Image 5" /></a>
</div>
Change the above to look like this:
<div id="slideshow">
<img src="jqueryslideshow/image1.jpg" alt="Slideshow Image 1" />
<img src="jqueryslideshow/image2.jpg" alt="Slideshow Image 2" />
<img src="jqueryslideshow/image3.jpg" alt="Slideshow Image 3" />
<img src="jqueryslideshow/image4.jpg" alt="Slideshow Image 4" />
<img src="jqueryslideshow/image5.jpg" alt="Slideshow Image 5" />
</div>
To do this you need to remove the link code from the text in the text box he gave on the page that looks like this:
<div id="slideshow">
<a href="http://www.google.com" class="active"><img src="jqueryslideshow/image1.jpg" alt="Slideshow Image 1" /></a>
<a href="http://www.coffeecup.com/forums"><img src="jqueryslideshow/image2.jpg" alt="Slideshow Image 2" /></a>
<a href="http://www.aol.com"><img src="jqueryslideshow/image3.jpg" alt="Slideshow Image 3" /></a>
<a href="http://www.yahoo.com"><img src="jqueryslideshow/image4.jpg" alt="Slideshow Image 4" /></a>
<a href="http://www.coffeecup.com"><img src="jqueryslideshow/image5.jpg" alt="Slideshow Image 5" /></a>
</div>
Change the above to look like this:
<div id="slideshow">
<img src="jqueryslideshow/image1.jpg" alt="Slideshow Image 1" />
<img src="jqueryslideshow/image2.jpg" alt="Slideshow Image 2" />
<img src="jqueryslideshow/image3.jpg" alt="Slideshow Image 3" />
<img src="jqueryslideshow/image4.jpg" alt="Slideshow Image 4" />
<img src="jqueryslideshow/image5.jpg" alt="Slideshow Image 5" />
</div>
If you go to my website, you can see that the fix below did not work, the images are suppose to transition, not be a stack. Please help.
by the way, it is www.glenwoodunited.com
That's because you didn't put the div with the slideshow class back in or you deleted it somehow Check your code to be sure you only change the links, don't remove any of the rest of the code, other than the link code itself.
could you give an example, I am using VSD not editor because I do not know very much about html
the code I showed above, you don't have the full code in there. You're missing the very first code line, not sure if you removed any other stuff:
<div id="slideshow">
<img src="jqueryslideshow/image1.jpg" alt="Slideshow Image 1" />
<img src="jqueryslideshow/image2.jpg" alt="Slideshow Image 2" />
<img src="jqueryslideshow/image3.jpg" alt="Slideshow Image 3" />
<img src="jqueryslideshow/image4.jpg" alt="Slideshow Image 4" />
<img src="jqueryslideshow/image5.jpg" alt="Slideshow Image 5" />
</div>
<div id="slideshow">
<img src="jqueryslideshow/image1.jpg" alt="Slideshow Image 1" />
<img src="jqueryslideshow/image2.jpg" alt="Slideshow Image 2" />
<img src="jqueryslideshow/image3.jpg" alt="Slideshow Image 3" />
<img src="jqueryslideshow/image4.jpg" alt="Slideshow Image 4" />
<img src="jqueryslideshow/image5.jpg" alt="Slideshow Image 5" />
</div>
I am still confused, I removed those links and that what is seen on the website is the outcome.
I can't help you if you put a different gallery in there. I went to go copy the code from the site and show you what is missing, but I cannot do that so it will have to wait till tomorrow, providing you have the non working setup still there to check out. Good luck with it.
sorry, could you please try now?
www.glenwoodunited.com
www.glenwoodunited.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.