My requirement is to be able to select a vsddblock theme for each slide.
The reason for this, is that each slide corresponds and links to a section on my website that has a different theme. I want the slide frame and/or pager frame to have the specific color of that section. This applies also to the Read More button.

Thanks

Comments

ppblaauw’s picture

ppblaauw commented
Status: Active » Postponed (maintainer needs more info)

When you would add a number to the div.slide class, you could style each slide different (give other colors)

it should become 

       <div class="slide slide-<? print $slide-counter;?> clear-block border">

you need to increase the $slide-counter variable inside the forearch

Hope this helps you further, please let me know.

Yuri’s picture

Yuri commented

I gave it a try but the colored slide show up underneath each other instead of switching.

in views-slideshow-ddblock-cycle-block-content-vsd-edge-50p-S.tpl.php

$containercolors=array("blue","green","yellow","red");

<?php foreach ($containercolors as $container_color) { ?>  
   <div class="container container-<? print $container_color;?> clear-block border">
<? php }//endforeach; ?>

in view-slideshow-ddblock-cycle-vsd-edge-50p-S.ccs

div.views-slideshow-ddblock-cycle-vsd-edge-50p-S div.container-blue{
/*container background picture (gradient color)*/  
  background:transparent url(images/background_container_blue.png) repeat-x scroll 0 0;
}
div.views-slideshow-ddblock-cycle-vsd-edge-50p-S div.container-green{
  background:transparent url(images/background_container_green.png) repeat-x scroll 0 0;
}
div.views-slideshow-ddblock-cycle-vsd-edge-50p-S div.container-yellow{
  background:transparent url(images/background_container_yellow.png) repeat-x scroll 0 0;
}
div.views-slideshow-ddblock-cycle-vsd-edge-50p-S div.container-red{
  background:transparent url(images/background_container_red.png) repeat-x scroll 0 0;
}

in the \images folder

background_container_blue.png
background_container_green.png
background_container_yellow.png
background_container_red.png

I tried a number of different placements of the code, but to no avail.
Can you please indicate how things should fit in the code..I guess you have done this before.
Thanks

ppblaauw’s picture

ppblaauw commented

Sorry I misread your issue in the first place.
Understand it now.

The problem is that the content-container and the pager-container are not dependent on the slide. (there is only one content-container and one pager container.)

The readme button is no problem, this can have a different color per slide.