PDA

View Full Version : Display the button as an image instead of << or >>



CoolerKing
08-17-2015, 08:36 PM
1) Script Title: Preloaded Slide Show Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/preloadslide.htm

3) Describe problem: I have images that I'd prefer to use as directionals instead of the << and/or >>

I've tried this: <input type="image" name="Previous" src="/image_path/books-directional-lft.png" onClick="ShowSlide(-1)"> and while it displays the desired image, the slideshow image is then hidden. I'd like for both to display.

Thanks so much in advance.

Beverleyh
08-17-2015, 08:50 PM
Please post the link to your page so that we can see the problem.

ddadmin
08-17-2015, 10:32 PM
Hmm I don't see why the slideshow image would disappear after. As Bev suggested, please post the link to your page so that we can see the problem.

CoolerKing
08-19-2015, 07:18 PM
My apologies, everyone, my first opportunity to respond.

So, here it is fully functional as displayed on DD:
Working (http://www.capstoneyoungreaders.com/sites/switchpress/html/books_slideshow_3.html)

And, here it is when I make the edits that I believe should work, but do not:
Not Working (http://www.capstoneyoungreaders.com/sites/switchpress/html/books_slideshow_3_a.html)

Again, thank you so much in advance.

ddadmin
09-15-2015, 06:04 AM
Hi CoolerKing:
Looking at your page's source, most of the references to the .js files are broken, which will at least explain why no scripts work at all on that page. In Firefox's console, I see:


22:55:35.536 ReferenceError: $ is not defined1 books_slideshow_3_a.html:25:2
22:55:35.638 ReferenceError: translideshow is not defined1 books_slideshow_3_a.html:133:4
22:55:37.591 TypeError: document.SlideShow.Previous is undefined1 books_slideshow_3_a.html:64:6

There may be other errors, but you'll need to first fix the paths to the .js files on your page so they point to the proper locations. The below for example is broken:



<script src="/sites/switchpress/js/translucentslideshow.js" type="text/javascript">