Download: 3D jQuery Featured Articles Slider

[SubStrider]

Alright then I will have to achieve that using negative padding/margin. Thanks :)

[ihn]

How do I add the article body under the title? Just want there to be a brief description for each image, when I added it, it included the entire article when really I just wanted it to be the first sentence or so.

<div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption">

<a href="{$r['url']}">{$r['title']}</a>

</div>

Instead I did it like this:

<div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption">

     {$r['title']}

    </div>

<a href="{$r['url']}">{$r['article_body']}</a>

The problem with the is #1, I need to add css (just want the same css as the title but the font to be smaller)... and #2 I need it to be a short description, not the entire article.

[Marcher Technologies]

{IPSText::truncate($r['article_body'], 60)}

change the number as seen fit.

[Enkidu]

{IPSText::truncate($r['article_body'], 60)}

change the number as seen fit.

^ this

[ihn]

Awesome help! If you guys would like to see it, go to www.indianheadnation.com

One thing I would like to change is the bullets, it would be cool if I can create buttons instead with the category name inside, not sure if that is possible but I will play around with it and see if I can figure it out.

[Enkidu]

Awesome help! If you guys would like to see it, go to

www.indianheadnation.com

One thing I would like to change is the bullets, it would be cool if I can create buttons instead with the category name inside, not sure if that is possible but I will play around with it and see if I can figure it out.

very nice :)

[packman]

How can I remove the "What's Hot" and/or the clickable dots at the bottom from the Orman theme?

[Enkidu]

How can I remove the "What's Hot" and/or the clickable dots at the bottom from the Orman theme?

Hi

in orman.css find:

.theme-orman .ribbon {

background: url(ribbon.png) no-repeat;

remove the background line to remove the dots initialize the slider with no nov, like this

<script type="text/javascript">

	var EnkiduNoConflict = jQuery.noConflict();

	EnkiduNoConflict(window).load(function() {

		EnkiduNoConflict('#slider').nivoSlider({controlNav: false});

	});

</script>

cheers :)

[n1cks21]

I have this installed and working great (awesome block btw!!!), except it is causing a Stack Overflow Error on IE8. I am not sure how to stop it. It works fine on Chrome and safari.

I Have the same issue was this ever sorted ????

[Enkidu]

I Have the same issue was this ever sorted ????

you need to initialize the slider without the random transition effect. That's all.

[Enkidu]

for reference these are the options you can use with the slider:

<script type="text/javascript">

	var EnkiduNoConflict = jQuery.noConflict();

	EnkiduNoConflict(window).load(function() {

		EnkiduNoConflict('#slider').nivoSlider({


effect: 'random', // Specify sets like: 'fold,fade,sliceDown'

	    slices: 15, // For slice animations

	    boxCols: 8, // For box animations

	    boxRows: 4, // For box animations

	    animSpeed: 500, // Slide transition speed

	    pauseTime: 3000, // How long each slide will show

	    startSlide: 0, // Set starting Slide (0 index)

	    directionNav: true, // Next & Prev navigation

	    directionNavHide: true, // Only show on hover

	    controlNav: true, // 1,2,3... navigation

	    controlNavThumbs: false, // Use thumbnails for Control Nav

	    controlNavThumbsFromRel: false, // Use image rel for thumbs

	    controlNavThumbsSearch: '.jpg', // Replace this with...

	    controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src

	    keyboardNav: true, // Use left & right arrows

	    pauseOnHover: true, // Stop animation while hovering

	    manualAdvance: false, // Force manual transitions

	    captionOpacity: 0.8, // Universal caption opacity

	    prevText: 'Prev', // Prev directionNav text

	    nextText: 'Next', // Next directionNav text

	    randomStart: false, // Start on a random slide

	    beforeChange: function(){}, // Triggers before a slide transition

	    afterChange: function(){}, // Triggers after a slide transition

	    slideshowEnd: function(){}, // Triggers after all slides have been shown

	    lastSlide: function(){}, // Triggers when last slide is shown

	    afterLoad: function(){} // Triggers when slider has loaded


});

	});

</script>

cheers :smile:

[n1cks21]

you need to initialize the slider without the random transition effect. That's all.

thanks for the quick reply do I do that within the block ??? I have changed mine to read:-

<script type="text/javascript">

	var EnkiduNoConflict = jQuery.noConflict();

	EnkiduNoConflict(window).load(function() {

		EnkiduNoConflict('#slider').nivoSlider({effect: fade});

	});

</script>

but it doesnt seem to work ???


***** Update *****

working now I cocked up with it should read 'fade' not fade

[n1cks21]

the only problem I have now is on IE it removes my background image BUT if I click on the navigation arrows my background comes on ??/ it all works fine in Chrome and FF ???

[Enkidu]

link me to it please

[n1cks21]

http://www.uk-alliance.com/index.php/test3

[Enkidu]

your website never got loaded for me

[n1cks21]

the link works for me ???

[Enkidu]

yeah it is OK now. However, I can't replicate your issue. I don't see any removed background that comes back when clicking the navigation arrows?

[n1cks21]

it only seems to do it on IE 8 (so far)

[Enkidu]

it only seems to do it on IE 8 (so far)

don't have ie8, can you post a screen shot please?

[n1cks21]

this is how it starts with the missing background and will work fine scrolling through the articles



click on the navigation arrows and the background appears



but it works fine with Chrome and FF

[Enkidu]

Oh I see. Open orman.css and search for:

.theme-orman.slider-wrapper {

    background: url("slider.png") no-repeat scroll 0 0 transparent;

    height: 337px;

    margin: 0 auto;

    padding-top: 18px;

    position: relative;

    width: 722px;

}

remove the word transparent

cheers

[n1cks21]

my orman.css doesnt have transparent :-

.theme-orman.slider-wrapper {

    background:url(slider.png) no-repeat;

    width:722px;

    height:337px;

    margin:0 auto;

    padding-top:18px;

    position:relative;

}

[Enkidu]

remove the whole background line then

[n1cks21]

makes no difference :(