Views slideshow - singleframe mode does this automatically but the pager images are scaled disproportionately so I took redndahead's advice and used thumbnailHover mode and imageCache to scale and crop the pager images. Now they look great but they are no longer displayed inline under the slideshow, instead they are vertical under the slideshow. I would greatly appreciate it if someone could please direct me in the right direction on themeing Views Slideshow to accomplish this.

Thanks,
E

Comments

Evangelo’s picture

Evangelo CreditAttribution: Evangelo commented

Thanks for the no reply!

Evangelo’s picture

Evangelo CreditAttribution: Evangelo commented
Priority: Normal » Minor
Status: Active » Postponed
Evangelo’s picture

Evangelo CreditAttribution: Evangelo commented
Status: Postponed » Closed (fixed)
drupalycious’s picture

drupalycious CreditAttribution: drupalycious commented
Version: 6.x-2.3 » 7.x-3.0
Status: Closed (fixed) » Active

Hello,

I am facing the same issue but in the 7.x-3.0 version, how did you solve it in the one you used.

in #1 you said "thanks for the reply" but I don't see any reply to your post.

Thank you

drupalycious’s picture

drupalycious CreditAttribution: drupalycious commented

by the way I have followed the tutorial http://www.brightwebsitedesign.com/how-to-install-views-slideshow-module-on-drupal7

at the end it says to add
.views-slideshow-controls-bottom .views-slideshow-pager-field-item { float: left; margin: 20px 6px; }
to the site theme css file.

I did it but the pagers images are still aligned vertically.

Thanks

drupalycious’s picture

drupalycious CreditAttribution: drupalycious commented
Status: Active » Closed (fixed)

I solved it!

you have to use underscores not hyphens.

meaning:

.views_slideshow_controls_bottom .views_slideshow_pager_field_item { float: left; margin: 20px 6px; }