[Plugin] iSlider - Slideshow for your forum.

[paulam]

Would it be feasible to make the iSlider work space wider? The reason is the URLs viewing area are truncated due to the narrowness of the column unless you scroll to the right to reveal the last of the URL. There is not an easy way to just glance to see what each Slider is for. The field for Description would be great but this displays on the banner. I do not want my description to display.

Thank you for your consideration. The iSlider is really great and LOVE it.

[CoB]

Is there anyway I can make this plugin appear in the center.. Because it is on the far right in and it leaves a big black spot.. Any help would be appreciated..

[JD]

Hi there! Is there a way for this to work with images that are assigned to be a certain percentage, and not a certain size? I'm trying to get mine to be the width of the page.

Many thanks!

[raedhen]

@ilikecandy

Plugin Involved: iSlider Plugin by iPokemon

I applied this to my forum recently and i'm currently having problems with its alignment. I would like the slider to be placed right on the center, and not aligned left.

Hoping for a positive response,
-Raedhen

[T.C.]

I was able to center it on my test forum by adding <center> tags to the beginning and end of the code in the Main Header/Footer CSS.



Go to plugins and select build > iSlider > Components > Main Header/Footer at the bottom of the page and wrap it in <center> tags as below.

<center><div class="slide-wrapper theme-default">

<div id="islider" class="nivoSlider">

{foreach $[plugin.settings.slide]}

{if !$[plugin.settings.slide.hide]}

{if $[plugin.settings.slide.slide_link]}

<a href="$[plugin.settings.slide.slide_link]">

{/if}

<img src="$[plugin.settings.slide.slide_image]" style="height:$[plugin.settings.slide_height]px; width: $[plugin.settings.slide_width]px;" data-transition="$[plugin.settings.slide.slide_effect]" title="$[plugin.settings.slide.slide_description]" alt="" />

{if $[plugin.settings.slide.slide_link]}

</a>

{/if}

{/if}

{/foreach}

</div>

</div>

<script type="text/javascript">

$(window).load(function() {

$('#islider').nivoSlider();

$(".nivoSlider").css({ width: proboards.plugin.get('islider').settings.slide_width+"px" });

});

</script></center>

[raedhen]

Oct 22, 2014 5:28:55 GMT -8 T.C. said:

I was able to center it on my test forum by adding <center> tags to the beginning and end of the code in the Main Header/Footer CSS.



Go to plugins and select build > iSlider > Components > Main Header/Footer at the bottom of the page and wrap it in <center> tags as below.

<center><div class="slide-wrapper theme-default">

<div id="islider" class="nivoSlider">

{foreach $[plugin.settings.slide]}

{if !$[plugin.settings.slide.hide]}

{if $[plugin.settings.slide.slide_link]}

<a href="$[plugin.settings.slide.slide_link]">

{/if}

<img src="$[plugin.settings.slide.slide_image]" style="height:$[plugin.settings.slide_height]px; width: $[plugin.settings.slide_width]px;" data-transition="$[plugin.settings.slide.slide_effect]" title="$[plugin.settings.slide.slide_description]" alt="" />

{if $[plugin.settings.slide.slide_link]}

</a>

{/if}

{/if}

{/foreach}

</div>

</div>

<script type="text/javascript">

$(window).load(function() {

$('#islider').nivoSlider();

$(".nivoSlider").css({ width: proboards.plugin.get('islider').settings.slide_width+"px" });

});

</script><center>

This helped a lot. Thank you!

[drut]

Hi I have installed the islider plugin, and I noticed that you could edit it.

Now, what I want is a variation of islider that users this:

jQuery Vertical News Slider

A jQuery and CSS3-based slider module that displays news headlines on the left along with a preview image and brief description on the right. The “current” item is highlighted and switches automatically at intervals.

www.jqueryrain.com/2014/03/jquery-vertical-news-slider/

It's a different jquery image slider (islider uses jQuery Nivo Slider v3.2)

Can anyone do this or tell me how to do this?

I'll also cross post this on the islider thread in case he is interested in doing it.

This plugin would be sweet for forums because you can feature threads that way.

[drut]

Also with just the islider, is there a way to imbed multiple images (each with their own title, and description),

similar to the slider in this news site:

www.veteranstoday.com/

The other feature you would need for this is to have categories which you could select for each image. ie. how they have different caterogires of news, politics, 911 etc. The slider would display say 5 newest images from each category, and cycle between categories.

[toothfaerie]

 Fantastic plugin, thank you very much for sharing your hard work. I have to also thank you for the small piece of coding to center the images. 

 Keep up the good work. 


EDIT:-Hi Guys, how would I make this only appear on the home page as it is showing on all pages.

[stronktank]

Bennett 🚀 how do I get this slider to show in one of the custom pages/zones? Within a HMTL box. Thanks!