image slider navigation

(11 posts) (2 voices)

1. 

   ericagilbert
   Member

   is there a way to include a navigational structure for the image slider easily?
   i adjusted the slider speed so that the content on the slider could be read, but now feel that some people would like to skip through slides.

   Posted 11 months ago #
2. 

   ericagilbert
   Member

   you can view the site in development here:
   http://chedev.iu.edu/IupuiCal/

   Posted 11 months ago #
3. 

   Elliott
   Support

   Hello ericagilbert,

   The slider navigation are the small circular buttons below your slider images. For some reason though yours are not working. Have you done any customizations? If so then let us know exactly which pages and line numbers have been edited.

   Posted 11 months ago #
4. 

   ericagilbert
   Member

   I am guessing...

   lines 716-724 of the file style.css
   .slider_preview_img{
   cursor:pointer;
   height:15px;
   width:15px;
   background:transparent url(images/slider_inactive.png) no-repeat scroll 0 0;
   }
   .active_slider_img{
   background:transparent url(images/slider_active.png) no-repeat scroll 0 0;
   }

   Posted 11 months ago #
5. 

   Elliott
   Support

   That's the CSS's for the circular buttons and it appears to be correct. Have you made any changes to the javascript?

   Go ahead and download a fresh copy of inFocus and introduce your changes one by one to see which ones are causing the issue.

   Posted 11 months ago #
6. 

   ericagilbert
   Member

   I did as you suggested but still was unable to correct the issue. Then I went to test it in several different browsers. The navigation only works in IE.

   Do you know what I could do to make it work across browsers?

   Posted 11 months ago #
7. 

   Elliott
   Support

   Was it working when you downloaded a new copy of inFocus?

   Posted 11 months ago #
8. 

   ericagilbert
   Member

   I downloaded all the Javascript again. Regardless of that change, the buttons only work in IE.

   Posted 11 months ago #
9. 

   Elliott
   Support

   Go ahead and download a fresh copy of inFocus not just the javascript to see if it works okay. You can make a backup of your current theme and then copy over your customizations one by one to see which one is causing the issue.

   Posted 11 months ago #
10. 

    ericagilbert
    Member

    Elliott!

    Thanks,
    I downloaded the whole version and copied and pasted all of the slider CSS from the main style sheet. That corrected the issue.

    Best,
    Erica

    Posted 11 months ago #
11. 

    Elliott
    Support

    Glad you got it sorted ericagilbert, let us know if you have any other questions.

    Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.