WordPress.org

Ready to get started?Download WordPress

Forums

TheThe Image Slider
Caption Issue in IE8 (29 posts)

  1. Ash
    Member
    Posted 3 years ago #

    Using the white caption fade colour, I have changed the font colour for this in the custom styling section and it works fine in everything but IE, in particular, IE8. The caption background fades in solid, and when the transparent image is then loaded, the text turns white, no matter what color I make it. I have tried z-index, even just having the background as a solid colour and the caption just disappears (doesn't add the background colour I set it to).

    Thoughts?

    http://wordpress.org/extend/plugins/thethe-image-slider/

  2. mailworm
    Member
    Posted 3 years ago #

    Same issue here. I can test and confirm the same problem for IE8 and urgently need a solution or workaround.

    It seems to be an issue with the JS?

    Thanks for any supportive information!

    Thomas

  3. mailworm
    Member
    Posted 3 years ago #

    One more remark:

    When the initial/ first slide has loaded, everything is OK - the caption is not switching to white.

    As soon as the slide changes for the first time, any following slide caption turns white after fadein is done.

  4. Ash
    Member
    Posted 3 years ago #

    I'm thinking its more of a PNG issue with IE than a javascript problem. Either way I need this fixed up asap.

    I have been playing around with so many settings and can't seem to get it to come good. Even the live demo on the main site is doing it.

  5. Ash
    Member
    Posted 3 years ago #

    I had to ditch this plugin and go with another. Nivo Slider for wordpress gives you exactly the same effect, different options than this plugin, but it works 110% in IE is it doesn't use png's for the opaque background. its a plain coloured background giving you the option to chose the colour and the opacity of it.

    Possibly an idea to change this on this plugin Thethefly...

  6. mailworm
    Member
    Posted 3 years ago #

    Dear Ash,

    would You mind providing the exact link to the Nivo Slider, You are using?

    I searched WP Plugins and got about 4 different Plugins, all called Nivo Slider ...

    Thank You very much.
    Thomas

  7. Ash
    Member
    Posted 3 years ago #

    Sure thing. If you search in the admin plugins search its the one called Nivo Slider for WordPress, or
    http://wordpress.org/extend/plugins/nivo-slider-for-wordpress/

  8. mailworm
    Member
    Posted 3 years ago #

    Ash, thanks a lot. Just tried this one, but for me it doesnt work on Firefox 6 on Mac. It does not even load the first slide, but keeps on spinning the wheel on and on. :-(

    Gotta search further.

    Thomas

  9. Ash
    Member
    Posted 3 years ago #

    Thomas,

    I primarly use firefox on a mac and it worked first go.
    Are you sure you have it installed correctly and added your images right? (How good is that crop tool!?)

    I have it working on http://sydneyprepurchase.com.au

  10. mailworm
    Member
    Posted 3 years ago #

    Ok, I see its working. Got to give it another try. Uploaded one slide only. All looked good, it appeared in the backend and was set active. Was I wrong putting HTML in the caption area? I disabled nav arrows, but selected this kind of dot nav.

  11. Ash
    Member
    Posted 3 years ago #

    I have all options disabled to achieve the look of my slideshow. I uploaded 2 at first to see if it worked as I needed it to... maybe that was your problem. I had no issue in getting this one working. Worked first go. and I'm using the php way to enter it onto the page in my homepage template:
    <?php if (function_exists('nivoslider4wp_show')) { nivoslider4wp_show(); } ?>

  12. mailworm
    Member
    Posted 3 years ago #

    OK, now I am fine with it. I guess it was about the option when to load the required JS. I selected footer, to make the rest and more important things of the side load faster.

    Actually I chose 80% JPG quality, but the images don't look what I exptect them to.

    Now lets see, if it supports HTML in the caption and if I can get the caption to the right hand side via CSS.

    Thank You!

    See example here

  13. Ash
    Member
    Posted 3 years ago #

    Nice mate, Looks good to me! I'd suggest doing the majority with css if you can help it, but if you need tags in there i'm sure it will support.

    Got the result in the end.

  14. mailworm
    Member
    Posted 3 years ago #

    Well, after some time of editing, I come to the conclusion, that I have to keep on searching for another plugin.

    NivoSlider4WP is not capable of displaying HTML inside the caption, without hacking the JS/JQuery, allthough there is a css-class called .nivo-html-caption. This class is only stated in the css but nowhere else called (neither in any php nor js).

    Actually the way the caption-text is transferred is strange. The text is set as "title" and "alt" attribut of each image and brought into position via JS. While my own h3-tag stays and is beeing displayed, my p-tag dissapears.

  15. thethefly
    Member
    Plugin Author

    Posted 3 years ago #

    Very useful discussion! Thanks.

    We are going to add more options for caption with our next version of the slider, same as we do with our Sliding Panels plugin settings. Have you tried it? You can specify both color and opacity for a sliding panel that works and looks very similar to the slider's caption.

  16. mailworm
    Member
    Posted 3 years ago #

    @thethefly:

    Thanks for coming back on this here. May You please check this link in IE8? As You know better about Your code, do You have an idea, why any captions turn white after fade-in ends, except for the inital slide?

    Your plugin is the best I found, but I can't use it, if this can't be fixed by now.

    Thank You very very much!
    Thomas

  17. Ash
    Member
    Posted 3 years ago #

    Yeah, talk about dodge the issue thethefly. As Thomas mentioned, your plugin is very good but useless if it doesn't work on all browsers. You just need to check your own website in IE. Dogs breakfast.

    I'm quite happy with the current plugin I have and it works. Maybe next time champ. And there will be a next time. I'm a web developer and do about 3 wordpress sites a month (not the only thing I do obviously ;) )

  18. mailworm
    Member
    Posted 3 years ago #

    SOLUTION! My first intention was right: It's about the JS, in this case it is a problem with the jQuery version (1.6.1.) used in WordPress 3.2.1.

    Linking manually to the latest jQuery release (1.6.4.) on googleapis the problem is gone and everything is working fine.

    Now I have another question, as WordPress is providing the link to the 1.6.1. script: Where can I change that link or better how can I update the "build in" release of jQuery in WordPress?

    Thanks a lot!

  19. Ash
    Member
    Posted 3 years ago #

    Good pickup Thomas. And my apologies to Thethefly, turns out your plugin is bonza after all! With that said, it may be an idea to follow Thomas' lead and change your jQuery version on your site that why when people have the issue and view your site and see it working, they will know there is something wrong with their install. I'd also add this to your FAQ section as I would assume it would be a common question.

    Thomas, in regards to your need to change the jQuery version, the simpliest way would be to modify the installed version directly which can be found in wp-includes/js/jquery/jquery.js

    That should put you on the straight and narrow!

    Take care guys

  20. mailworm
    Member
    Posted 3 years ago #

    Good morning,

    actually I updated just my template to use the latest jQuery version by putting this into my templates function.php (as explained on various blogs):

    if ( ! function_exists( 'jq_latest' ) ):
    function jq_latest() {
    	if ( ! is_admin() ) {
    		wp_deregister_script('jquery');
    		wp_register_script('jquery', 'http://code.jquery.com/jquery-latest.min.js', false, 'lastest');
    	}
    }
    endif;
    add_action( 'wp_head', jq_latest() );

    After that I lend a WinXP laptop from a friend, installed IETester and got it working in IE7, while the IETester in IE8 and IE9 did not run the plugin correctly, but popupped some errors in prototype.js and then in thethe-image-slider.js.

    Continued searching for info about templates visual crashing in IE8 and added the following to my functions.php:

    if ( ! function_exists( 'fix_ie89' ) ) :
    function fix_ie89() {if (strpos($_SERVER['HTTP_USER_AGENT'],"MSIE 8") || strpos($_SERVER['HTTP_USER_AGENT'],"MSIE 9") ) {header("X-UA-Compatible: IE=7");}}
    endif;
    add_action('send_headers','fix_ie89');

    Restarted IETester and now it seems to work correctly from IE7 to IE9.

    Ash: Are You able to check this webpage in real IE7, 8, 9 and feedback to me?

    Thank You very much!
    Thomas

  21. mailworm
    Member
    Posted 3 years ago #

    Oh i forgot: If You can test, I would like to remove fix_ie89() function and kindly ask You to check again, as I am not sure, if this IETester is really working, like the real-IEs do.

    Thanks.

  22. Ash
    Member
    Posted 3 years ago #

    In my experiences you can't really trust the IETester for things like this as I'm assuming you agree with since your requesting me to test it for you, but unfortunately, i'm on a mac also. I have access to another user with IE8, but the way I found out about this problem was from the client whom has a PC at home. Not something I can ask him to do though.

    Your site in IE8 is displaying 2 javascript errors:
    Prototype.js - Object doesn't suppoert this method or property on line 4621
    Lightbox.js - style is null or not an object line 33 char 6.

    With that said, it seems that your slider is working as it should!

  23. mailworm
    Member
    Posted 3 years ago #

    Oh I see.. Well yes, I forgot about the error in Lightbox.js, which has nothing to do with the slider at all.

    Made the experience conserning IETester myself yesterday. My PC at work has IE8 installed, but its a stripped down corporate version.

    Well for now, it looks all good. Unfortunately they took down IPinfos Netrenderer, so I have to find someone else to test it for me.

    Anyways thanks a lot for this interesting discussion! Alltough I lost almost one day on this tiny problem, I learned a lot and am scared about the IE8s behaviour. :-)

  24. Ash
    Member
    Posted 3 years ago #

    Haha, yep, its been interesting and I've always been afraid of looking at the sites at the end of development in IE 'Destroyer'. Appropriately named i'm sure you would agree. It always adds a day to a week of extra coding to get it right in it. Damn bill gates.

    Have a good one mate!

  25. thethefly
    Member
    Plugin Author

    Posted 3 years ago #

    Please update to our new 1.0.2 version. All found bugs with IE have been fixed. Your feedback is appreciated.

  26. mailworm
    Member
    Posted 3 years ago #

    @thethefly:

    I'm sorry to say, but it still does not work in IE8 nor IE9 (via IETester). In IE7 it works, but calls 2 errors in the plugins js file as in the prototype.js.

    Actually I am building my own slider. It uses the jQuery fadeIn, fadeOut plus addClass and removeClass. Last one shows up 1 error in IE7 or IE8 dont remember exactly, but it works and does not crash the Lightbox plugin, which I am using.

    Please go ahead with fixing, while I am building my KISS-Slider.

  27. thethefly
    Member
    Plugin Author

    Posted 3 years ago #

    Hi guys!

    We have re-tested the plugin in IE7, IE8, IE9, and everything works.

    However, it still does not work in IE9 via IETester.

    Please test via real browsers and send us links to pages or screens with errors. Otherwise it is quite difficult to catch them.

  28. ilanm47
    Member
    Posted 3 years ago #

    I'm using the latest version 1.1.1 and still have problem with ie8.

  29. sanji41
    Member
    Posted 3 years ago #

    @thethefly,
    I've tried your plugin, it works on my local machine but not on live site. Any ideas?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic