Jump to content

Download: 3D jQuery Featured Articles Slider


Enkidu

Recommended Posts

  • Replies 214
  • Created
  • Last Reply

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.

Link to comment

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 :)

Link to comment

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:

Link to comment

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

Link to comment

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...