WordPress.org

Ready to get started?Download WordPress

Forums

jQuery Slider
Slider transition and captions doesn't work with FF or Chrome (5 posts)

  1. sedemik
    Member
    Posted 1 year ago #

    Slider transitions and caption texts works only with IE browser but no with FF or Chrome. Does anyone else have same broblem?

    http://wordpress.org/extend/plugins/jquery-slider/

  2. 20pictures
    Member
    Posted 1 year ago #

    I have jQuery Slider 1.4.2 working in IE9. The slideProperties do not work in FireFox, Chrome, Safari or Opera.

    My guess is it was developed on IE9 & not checked for cross-browser compatibility. I hope this is fixed soon as it is quite a nice slider.

    Did you have any success or feedback?

  3. LtDavidY
    Member
    Posted 1 year ago #

    I am having this same issue. Before, I could see the captions and thumbnails - I went through (as another support post I had read did recommend) and set up the slides from FRESH uploads, that fixed the images not displaying, but now, all the captions are gone in everything except IE9 -- please advise!

  4. LtDavidY
    Member
    Posted 1 year ago #

    And actually, after some tinkering with the css file (jquery-slider.css) on line 73 (give or take) with the .caption - if you set the overflow to overflow:show; - it will actually display in FireFox, chrome, safari (opera not tested yet.)

  5. LtDavidY
    Member
    Posted 1 year ago #

    it has something to do with the overflow value in the jquery-slider.css (at least in my situation).

    I edited the original CSS to the following:

    .jquery-slider .caption {
    	overflow:show; /* default: overflow:hidden; */
    	position:absolute;
    	z-index:99999;
    }
    /* the rest of this was done to display my custom needs, but if you play around, you can get it where you want it... */
    .jquery-slider .caption .content {
    	position:absolute;
    	color:#fff;
            background-color:rgba(0,0,0,0.55);
            height:25px;
            margin-top:15px;
            width:400px;
    	padding:10px;
    	z-index:20;
    }

    This is not a permanent solution for everyone, but after tinkering, I found that the overflow property was causing the caption not do display in Firefox, Chrome, Safari or Opera, while displaying correctly in IE9.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic