[Tutorial] How to activate slidehow in indexu 2

[pungky]

Since indexu deluxe 2, indexu introduces slideshow. The default theme (komet) and some themes from indexutemplates.com now support it. To activate it you need to create image custom field first.

Here the steps how to activate slideshow.

1. Enter indexu admin panel
2. Click custom field menu under Link menu

3. In the custom field page you need to enter 'image' in field and choose IMAGE in type. For the rest you can enter anything you want. Then click Add Field button after you finish.



-- Finish ---

To test it, you need to add or edit your listing then add an image to the listing.

Note:
At the moment, the slideshow is displayed based on the new and updated listing, Next, we will make some improvement.

[FSGDAG]

Nice pungky!!! Thanks for making this! I'm sure alot of new users will find this very handy

[FSGDAG]

Did anyone ever find a way to make the slideshow work with a third party thumbnail site?

[pungky]

Did anyone ever find a way to make the slideshow work with a third party thumbnail site?

Here I try to integrate with thumbshot [the problem I found is the size is too small]. I use komet theme here.

1. Download the block
2. Upload the file
3. Open themes/komet/index.html and edit the slideshow block
find [arround line 14]

<%block_slide max_item="5"%>

replace with

<%block_slideshow_custom max_item="10"%>

4. Open themes/komet/style.css, you need to adjust the size.
find

.stepcarousel{
  position: relative; /*leave this value alone*/
  overflow: scroll; /*leave this value alone*/
  width: 98%; /*Width of Carousel Viewer itself*/
  height: 200px; /*Height should enough to fit largest content's height*/
  margin: 5px;
}

replace with

.stepcarousel{
  position: relative; /*leave this value alone*/
  overflow: scroll; /*leave this value alone*/
  width: 98%; /*Width of Carousel Viewer itself*/
  height: 100px; /*Height should enough to fit largest content's height*/
  margin: 5px;
}

find

.stepcarousel .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 10px; /*margin around each panel*/
  width: 254px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

replace with

.stepcarousel .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 10px; /*margin around each panel*/
  width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

Finish

Don't forget to add this code in your footer if you use thumbshots

<a href="http://www.thumbshots.com" target="_blank" title="Thumbnails Previews by Thumbshots">Thumbnails powered by Thumbshots</a>

-----------------

If you know any other 3rd party thumbnail generator please let me know.

[FSGDAG]

How about with this service :

PageGlimpse.com - easy website thumbnails

[dochlaggie]

HELP,

I have tried to get the slideshow working. It seems to be activated. I added 2 images to one of my listings and now only have a small red cross showing instead of the image?

[ezykiwi]

do you have a link to a example of this ? sounds like its just got the wrong path to the images

[dochlaggie]

Show Dog Directory