Slide Show

Hi,

After a long time I figured it out and I thought it would will be nice to share it. (for other newbies like me.)

1 - Create a new block and named it SlideShow

2 - Add this code into the body:

<ul class="slide">
  <li>
    <img src="sites/default/files/touchpro/wall-e-1.jpg" />
    <p class="caption">
      This slideshow is flexible in both width and height #responsivedesign
    </p>
  </li>
  <li>
    <img src="sites/default/files/touchpro/wall-e-2.jpg"/>
    <p class="caption">
      You can totally customize the transitions and other behaviors of the slideshow
    </p>
  </li>
  <li>
    <img src="sites/default/files/touchpro/wall-e-3.jpg/">
    <p class="caption">
      It's based on the popular jQuery cycle script and includes custom easing
    </p>
  </li>
  <li>
    <img src="sites/default/files/touchpro/wall-e-4.jpg"/>
    <p class="caption">
      And all essential settings are available in the theme configurator
    </p>
  </li>
</ul>

3 - Select "Full HTML"

4 - Select TouchPro Region Settings: "Featured"

5 - Show on page (optional)

Note: Of course you need to replace the path in <img /> with your own images.

I hope it helps someone. ;)

I just want to say thanks for posting this. I was looking into the module "Flex Slider". But this theme is already set up for your previous post so why not use it? Thanks a lot.

"Flex Slider". not work for me.. I has been there.. Thank - Lynxas - your Idea and css code make help for me .... Thank alot.