ref http://venturacottage.homedns.org/d7f/
fine in all browsers except IE - which seems to crop it to 5% of its height - any pointers please

CommentFileSizeAuthor
#16 jq size screen grab.jpg56.26 KBspgd01
#12 views_slideshow.jpg35.74 KBtruyenle
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

artatac’s picture

in checking it in firefbug I see almost random div sizes eg

<div id="views_slideshow_cycle_teaser_section_latestall-block_slideshow" class="views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section" style="position: relative; width: 15px; height: 4px;">

these are (luckily) ignored by all but IE - I wonder where they are coming from?

redndahead’s picture

Status: Active » Postponed (maintainer needs more info)

It comes from jquery cycle. It calculates a width and a height and adds it to the div. If you know the exact width and height it should be then in the advanced options of jquery cycle in views slideshow add width and height values.

raffij’s picture

I am also having problems with IE and views_slideshow. The odd thing is that the photos aren't even showing up in IE. But they are in Chrome and Firefox

For example the first slide is has this photo in it: http://triadanet.com/sites/default/files/burningfire_0.jpg and which renders fine in firefox and chrome but in ie you get the red x.

In addition, the cycle doesn't move in IE for this slide show or the other one which I have on the page which is just a text based one.

Here is the code:


<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","ajaxPageState":{"theme":"triadanetgrid","theme_token":"FbiiPUbitmk-NFzs3uqBuC9LBIrSIYzpTXKFMSlHEzc","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.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\/modules\/views_slideshow\/contrib\/views_slideshow_cycle\/js\/views_slideshow_cycle.js":1},"css":{"sites\/all\/themes\/triadanetgrid\/styles\/framework\/reset.css":1,"sites\/all\/themes\/triadanetgrid\/styles\/framework\/text.css":1,"sites\/all\/themes\/triadanetgrid\/styles\/framework\/1008_24_4_4.css":1,"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\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/seo_checker\/css\/seo_checker.css":1,"sites\/all\/modules\/twitter_pull\/twitter-pull-listing.css":1,"sites\/all\/modules\/views_slideshow\/contrib\/views_slideshow_cycle\/views_slideshow_cycle.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/themes\/triadanetgrid\/styles\/styles.css":1}},"viewsSlideshow":{"home_slider-page_1":{"methods":["viewsSlideshowPagerFields","viewsSlideshowControlsText","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"paused":0},"latest_blog_posts-latest_blogs_slideshow_block":{"methods":["viewsSlideshowPagerFields","viewsSlideshowControlsText","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"paused":0}},"viewsSlideshowCycle":{"#views_slideshow_cycle_main_home_slider-page_1":{"num_divs":5,"id_prefix":"#views_slideshow_cycle_main_","div_prefix":"#views_slideshow_cycle_div_","vss_id":"home_slider-page_1","effect":"fade","transition_advanced":1,"timeout":10000,"speed":1000,"delay":0,"sync":1,"random":0,"pause":1,"pause_on_click":0,"start_paused":0,"remember_slide":1,"remember_slide_days":1,"pause_when_hidden":0,"pause_when_hidden_type":"full","amount_allowed_visible":"","nowrap":0,"fixed_height":1,"items_per_slide":1,"wait_for_image_load":1,"cleartype":1,"cleartypenobg":0,"advanced_options":"{}","action_advanced":1},"#views_slideshow_cycle_main_latest_blog_posts-latest_blogs_slideshow_block":{"num_divs":4,"id_prefix":"#views_slideshow_cycle_main_","div_prefix":"#views_slideshow_cycle_div_","vss_id":"latest_blog_posts-latest_blogs_slideshow_block","effect":"fade","transition_advanced":1,"timeout":7500,"speed":1000,"delay":0,"sync":1,"random":0,"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":1,"items_per_slide":1,"wait_for_image_load":1,"cleartype":1,"cleartypenobg":0,"advanced_options":"{}","action_advanced":0}}});
//--><!]]>
artatac’s picture

Thanks for that
have tried entering
containerResize: 1,
slideResize: 1,
but cant find the syntax or examples of how to tell it width 687px and height 370px

artatac’s picture

I managed to override the width issue with

.views_slideshow_cycle_teaser_section{
   width: 687px !important;
   height: 370px !important;
}

but the height is still ignored and reverts to 4px :-(

redndahead’s picture

There should be a width and height in the advanced options. Where you found slideResize and containerResize

artatac’s picture

thanks found width (not height) and tried
158px,

and

158px

both didnt seem to do anything

redndahead’s picture

remove the px use 158. I'll have to see about adding height.

redndahead’s picture

Title: fine in all browsers except IE » Add height option for cycle module.
Status: Postponed (maintainer needs more info) » Active
mcottier’s picture

Version: 7.x-3.x-dev » 6.x-2.2

The width and height advanced options do not work on 6.x-2.2 either. i had it set as height: 200

truyenle’s picture

Having the same problem that views_slideshow add 4px to the height that I have. This is ignore by all but IEEEEEEEEEEEE!

In my case, I solve it by set the ClearType option under Internet Explorer Options of Slideshow configuration (views) to false. See attached.

truyenle’s picture

FileSize
35.74 KB

attached!

redndahead’s picture

Status: Active » Closed (won't fix)

I see it in the 3.x version. You can manually add it in the advanced options in the 2.x version

spgd01’s picture

Version: 6.x-2.2 » 6.x-3.x-dev
Status: Closed (won't fix) » Active

I am having the same issue. 4px are added to the height of the containing div.
In the jquery Cycle Custom options I tried selecting Height and Adding 300 to the "Advanced Options Value" Box and nothing happened. Also the box below the "Advanced Options Value" remained to only have {} in it.

I them tried all of the following, one at a time, in the second box with no success:

{ height:300}
{ height:'300'}
{ height:'auto'}
{ height:auto}

Anything else I can try?

sbgoldi’s picture

Have you tried to set fit=1 and height=xxx px?

spgd01’s picture

FileSize
56.26 KB

Have you tried to set fit=1 and height=xxx px?

add that where? In Advanced Options? The advanced options do not save after update. There are two Advanced options boxes. Do i put it in the second box like this?:

{
fit=1
height=xxx px
}

If so it does not work! it breaks the slide show. What am I doing wrong?
Thanks for any help

NickDickinsonWilde’s picture

Issue summary: View changes
Status: Active » Closed (outdated)

Support for Views Slideshow 6.x is mostly deprecated (ie bug fixes and major errors may be looked at and security issues, but not really anything else), so closing.