Remove link in Slideshow

User 360549 Photo


Registered User
14 posts

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
User 38401 Photo


Senior Advisor
10,951 posts

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>
User 360549 Photo


Registered User
14 posts

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.
User 360549 Photo


Registered User
14 posts

by the way, it is www.glenwoodunited.com
User 38401 Photo


Senior Advisor
10,951 posts

That's because you didn't put the div with the slideshow class back in or you deleted it somehow :P 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.
User 360549 Photo


Registered User
14 posts

could you give an example, I am using VSD not editor because I do not know very much about html
User 38401 Photo


Senior Advisor
10,951 posts

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>
User 360549 Photo


Registered User
14 posts

I am still confused, I removed those links and that what is seen on the website is the outcome.
User 38401 Photo


Senior Advisor
10,951 posts

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.
User 360549 Photo


Registered User
14 posts

sorry, could you please try now?
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.