Sliding/rolling text manager - how to do this "rolling ribbon" ?

Hi there,

I'm looking for add-on which can create such a "tredny ribbon" with brand-new points/news/section etc.
It can be seen there: http://www.reptilesplus.co.uk/

Any idea?

Thank you a lot,

Peter

they are using this script:
http://www.reptilesplus.co.uk/Scripts/twitmarquee.js

then just build the html-markup for the list with something like getResources

Comprehensive information, thank you Bruno17.

I will do my best.

Peter.

Hello again, and I did my best, but there is a conflict between jquery: jquery.min.js (for twitmarquee.js) and jquery-1.7.2.min.js for slideshow manager:

<script type="text/javascript" src="assets/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="assets/js/twitmarquee.js"></script>
<script type="text/javascript">
//<![CDATA[
var page={};

$(function() {
new FrontPage().init();
});

//]]>
</script>

<!-- jQuery -->
<script type="text/javascript" src="/assets//components/slideshowmanager/nivo-slider/demo/scripts/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="/assets//components/slideshowmanager/nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#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
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>

If I turn off "query-1.7.2.min.js" - the rolling text is alive, but the slideshow manager is dead.
Is there any human solution or should i gave it up?

Thank you.
Peter

you should include jquery only once (I would use the newer version) and it needs to be included before the other scripts, which are working with jquery.

I'm not against to use ONE (newest) jquery library, I've tried all of them but - rolling text works with 1.5.2 down ... sliding manager works with 1.7.1 up ... (I seperated rolling text from web and tested on local, so I'm quite sure).

If I mount jquery 1.7.1 to the website, rolling text is passive.

Jquery.noConflict doesn't work, and I don't know how to reprogramme module twitmarquee.js to be working with new / newest jquery...

A question:
Can I generate "rolling text" somewhere aside from the default template and that result will display to the DIV anywhere on the web?

Peter.

what about this one
http://aamirafridi.com/jquery/jquery-marquee-plugin

seems to work with 1.8.3 here:
https://github.com/aamirafridi/jQuery.Marquee/blob/master/index.html

Thank you for the link a your patience!:-)
I didn't know about this solution.

I'm going to test it.

Thank you again.

SOLUTION - $.noConflict(true);

Hi folks, especially Bruno17 (I do appreciate your attitude!).
I came back to previous idea with using twitmarquee.js . The point is there is no difference which kind of jquery is loading first, finally this sequence WORKS!:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var jQuery_1_3_0 = $.noConflict(true);
</script>

then /slideshow manager needs jquery 1.7.1./

<script type="text/javascript" src="/assets//components/slideshowmanager/nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#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
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>

then /rotating sliding text using twitmarquee.js needs jquery 1.3.0/

<script type="text/javascript" src="assets/js/twitmarquee.js"></script>

<script type="text/javascript">
//<![CDATA[
var page={};

jQuery_1_3_0(function() {
new FrontPage().init();
});//]]>
</script>



If someone is interested in, I can put html&css in this forum.

Have a great time, all of you.

Peter