Hello everyone.. I'm currently working for a client. Nearly ready, but my slideshow kills me..
On Chrome, FF, Safari it works fine, but in the IE8 it won't.
The current URL: http://teaser.swat-fishing.com/
My Javascript:
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","ajaxPageState":{"theme":"swat","theme_token":"w2OOGfOT0KGCaUu--GPO2e8kFIElQoubxktj0gcRoIc","js":{"sites\/all\/modules\/jquery_update\/replace\/jquery\/jquery.min.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"public:\/\/languages\/de_j0kL_I6z6ZYcrwpk7qEAPdd3cQh_ND73nZC0aVWWdG8.js":1,"sites\/all\/libraries\/colorbox\/colorbox\/jquery.colorbox-min.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox.js":1,"sites\/all\/modules\/colorbox\/styles\/stockholmsyndrome\/colorbox_stockholmsyndrome.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox_load.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox_inline.js":1,"sites\/all\/modules\/views_slideshow\/js\/views_slideshow.js":1,"sites\/all\/libraries\/jquery.cycle\/jquery.cycle.all.min.js":1,"sites\/all\/libraries\/json2\/json2.js":1,"sites\/all\/modules\/views_slideshow\/contrib\/views_slideshow_cycle\/js\/views_slideshow_cycle.js":1,"sites\/all\/modules\/google_analytics\/googleanalytics.js":1,"0":1,"sites\/all\/modules\/views\/js\/jquery.ui.dialog.patch.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/aggregator\/aggregator.css":1,"modules\/comment\/comment.css":1,"sites\/all\/modules\/domain\/domain_nav\/domain_nav.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/colorbox\/styles\/stockholmsyndrome\/colorbox_stockholmsyndrome.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/views_slideshow\/views_slideshow.css":1,"sites\/all\/modules\/views_slideshow\/contrib\/views_slideshow_cycle\/views_slideshow_cycle.css":1,"sites\/all\/modules\/views_slideshow\/views_slideshow_controls.css":1,"sites\/all\/modules\/date\/date_api\/date.css":1,"sites\/all\/themes\/swat\/css\/layout.css":1,"sites\/all\/themes\/swat\/css\/style.css":1,"sites\/all\/themes\/swat\/css\/colors.css":1,"sites\/all\/themes\/swat\/css\/print.css":1,"sites\/all\/themes\/swat\/css\/ie.css":1,"sites\/all\/themes\/swat\/css\/ie6.css":1}},"colorbox":{"transition":"elastic","speed":350,"opacity":"0.85","slideshow":false,"slideshowAuto":false,"slideshowSpeed":2500,"slideshowStart":"","slideshowStop":"","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","overlayClose":true,"maxWidth":"100%","maxHeight":"100%","__drupal_alter_by_ref":["stockholmsyndrome"]},"viewsSlideshow":{"slider_rotator-block_1":{"methods":{"goToSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"nextSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"pause":["viewsSlideshowControls","viewsSlideshowCycle"],"play":["viewsSlideshowControls","viewsSlideshowCycle"],"previousSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"transitionBegin":["viewsSlideshowPager","viewsSlideshowSlideCounter"],"transitionEnd":[]},"paused":0}},"viewsSlideshowControls":{"slider_rotator-block_1":{"bottom":{"type":"viewsSlideshowControlsText"}}},"viewsSlideshowCycle":{"#views_slideshow_cycle_main_slider_rotator-block_1":{"num_divs":5,"id_prefix":"#views_slideshow_cycle_main_","div_prefix":"#views_slideshow_cycle_div_","vss_id":"slider_rotator-block_1","effect":"fade","transition_advanced":1,"timeout":7000,"speed":1200,"delay":0,"sync":1,"random":1,"pause":1,"pause_on_click":0,"start_paused":0,"remember_slide":0,"remember_slide_days":1,"pause_when_hidden":0,"pause_when_hidden_type":"full","amount_allowed_visible":"","nowrap":0,"fixed_height":0,"items_per_slide":1,"wait_for_image_load":1,"cleartype":1,"cleartypenobg":1,"advanced_options":"{\"0\":\"\"}","action_advanced":1,"advanced_options_choices":0,"advanced_options_entry":""}},"googleanalytics":{"trackOutbound":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip"}});
//--><!]]>
</script>
My HTML-Output
<div class="view view-slider-rotator view-id-slider_rotator view-display-id-block_1 front-slider view-dom-id-2">
<div class="view-content">
<div class="skin-default">
<div id="views_slideshow_cycle_main_slider_rotator-block_1" class="views_slideshow_cycle_main views_slideshow_main"><div id="views_slideshow_cycle_teaser_section_slider_rotator-block_1" class="views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section">
<div id="views_slideshow_cycle_div_slider_rotator-block_1_0" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-1 views-row-odd">
<div class="views-slideshow-cycle-main-frame-row-item views-row views-row-0 views-row-first views-row-odd">
<span class="views-field views-field-entity-id"> <div class="field-content frontpagesliderimage"><a href="/brands/varivas"><img typeof="foaf:Image" src="http://teaser.swat-fishing.com/sites/default/files/styles/slider/public/slider_varivas_1.jpg" alt="" /></a></div> </span></div>
</div>
<div id="views_slideshow_cycle_div_slider_rotator-block_1_1" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-2 views_slideshow_cycle_hidden views-row-even">
<div class="views-slideshow-cycle-main-frame-row-item views-row views-row-0 views-row-first views-row-odd">
<span class="views-field views-field-entity-id"> <div class="field-content frontpagesliderimage"><a href="/brand/evergreen"><img typeof="foaf:Image" src="http://teaser.swat-fishing.com/sites/default/files/styles/slider/public/slider_evergreen_0.jpg" alt="" /></a></div> </span></div>
</div>
<div id="views_slideshow_cycle_div_slider_rotator-block_1_2" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-3 views_slideshow_cycle_hidden views-row-odd">
<div class="views-slideshow-cycle-main-frame-row-item views-row views-row-0 views-row-first views-row-odd">
<span class="views-field views-field-entity-id"> <div class="field-content frontpagesliderimage"><a href="/brand/imakatsu"><img typeof="foaf:Image" src="http://teaser.swat-fishing.com/sites/default/files/styles/slider/public/slider_imakatsu_0.jpg" alt="" /></a></div> </span></div>
</div>
<div id="views_slideshow_cycle_div_slider_rotator-block_1_3" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-4 views_slideshow_cycle_hidden views-row-even">
<div class="views-slideshow-cycle-main-frame-row-item views-row views-row-0 views-row-first views-row-odd">
<span class="views-field views-field-entity-id"> <div class="field-content frontpagesliderimage"><a href="/brand/bioedge"><img typeof="foaf:Image" src="http://teaser.swat-fishing.com/sites/default/files/styles/slider/public/slider_bioedge.jpg" alt="" /></a></div> </span></div>
</div>
<div id="views_slideshow_cycle_div_slider_rotator-block_1_4" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-5 views_slideshow_cycle_hidden views-row-odd">
<div class="views-slideshow-cycle-main-frame-row-item views-row views-row-0 views-row-first views-row-odd">
<span class="views-field views-field-entity-id"> <div class="field-content frontpagesliderimage"><img typeof="foaf:Image" src="http://teaser.swat-fishing.com/sites/default/files/styles/slider/public/slider_daiko_0.jpg" alt="" /></div> </span></div>
</div>
</div>
</div>
<div class="views-slideshow-controls-bottom clearfix">
<div id="views_slideshow_controls_text_slider_rotator-block_1" class="views-slideshow-controls-text-render views_slideshow_controls_text">
<span id="views_slideshow_controls_text_previous_slider_rotator-block_1" class="views-slideshow-controls-text-previous views_slideshow_controls_text_previous">
<img src="sites/all/modules/views_slideshow/theme/arrow_left.png"></span>
<span id="views_slideshow_controls_text_next_slider_rotator-block_1" class="views-slideshow-controls-text-next views_slideshow_controls_text_next">
<img src="sites/all/modules/views_slideshow/theme/arrow_right.png"></span>
</div>
</div>
</div>
</div>
I hope anyone can help and is more firm with tracking the error down!
Thanks a lot!
Comments
Comment #1
rogical commentedI suggest you can try this module 'views jqfx', almost the same function and settings,
but better usable and browser compatibility, I just switched from views slideshow to it.
Comment #2
dalai commentedVery good suggestion rogical! You saved my day!!! Nivo-Slider works perfectly... Thanks a lot!
Comment #3
christian le fournis commentedImages don't rotate in IE8 and IE7. Fresh Drupal 7 install with the latest views and views slideshow installed.
Comment #4
geofftech commentedI have the same issue - crashes the browser with IE.
jQFX does the same job and works well.
Comment #5
vm commentedBased on #4 reopening this issue. If there is a problem with the cycler in views_slideshow it should likely be fixed here.
Comment #6
markosaurus commentedI'm getting the same thing.
All browsers fine, including IE7, FF 3.6, chrome , safari. IE8 hangs and then crashes out completely.
Any ideas?
Comment #7
markosaurus commentedI think this is a duplicate of this http://drupal.org/node/1340540#comment-5606504
This could probably be merged and both fixed together? I made some progress last night.
Comment #8
BD3 commentedI can confirm this crash as well. Only happens on Windows XP and IE8 for me. I receive an res://ieframe.dll error.
Moving this to critical as it crashes the whole site, not only pages that display the slideshow. Also as you cannot upgrade to IE9 on Windows XP.
Comment #9
TravisJohnston commentedI'd like to add into this as I am having a similar problem but we have narrowed it down a little more.
Our setup
For us, all microsites have a homepage billboard with around 4 slides. Every microsite except for one works great. The one that has issues only errors if the billboard node contains tags in the source. I can replicate this repeatedly and it works great if I remove the span tags. Those these appear in other billboards without issue. We've tried turning off any possible javascripts on the page but it still hangs in IE8 if the billboard contains span tags.
I know my setup is D6 not D7 like everyones in this thread, but i figured I'd share that since its a similar issue and perhaps one of you make encounter the fix with removing any span tags that may be in the billboard nodes (or in your case whatever node type you use to populate the slideshow).
EDIT:
Disregard this. I fixed the issue. We have a script connection with FastFonts and once I swapped that with the CSS call, it started working just fine.
Comment #10
nickdickinsonwildeMost likely hitting the too many css files limit - enable aggregation or use a real browser (thankfully very few people are still using IE8)