cotonti.com : jQuery https://www.cotonti.com Neueste Themenbeiträge Cotonti en Mon, 13 Apr 2026 14:01:54 -0000 urlkiller random: 1
add it like pause

point 4: http://bbm.li/nk/FA5D3D]]> Do, 26 Aug 2010 02:08:59 -0000 pieter Do, 26 Aug 2010 01:35:31 -0000 urlkiller ]]> Do, 26 Aug 2010 01:11:12 -0000 pieter Do, 26 Aug 2010 00:56:39 -0000 urlkiller try to delete the new inclusion of the jquery.min thing

Added 27 seconds later:

this part: <!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>]]> Do, 26 Aug 2010 00:51:21 -0000 pieter http://www.cotonti.com/downloads/plugins/files-images/slimbox

See http://www.kruisstraat89.be/ and click on a small picture below]]> Do, 26 Aug 2010 00:47:30 -0000 urlkiller Do, 26 Aug 2010 00:46:35 -0000 pieter 
$('#s3').cycle({ 
    fx:     'fade', 
    speed:   300, 
    timeout: 3000, 
    next:   '#s3', 
    pause:   1 
});

I changed the #s3 to .slideshow, but I forgot the second one. Now it works.
If you click you get the next. If you hover the auto-rotate is stopped.

Thanks for your time and help.

I will delete the links above, because it is a little bit private/family.]]> Do, 26 Aug 2010 00:35:43 -0000 urlkiller
set the timeout to a a time you wish currently it is set to 60 secons (60000 miliseconds)
maybe you have to set it to 5000 miliseconds to see the effect a bit better in my example...

now you need to make some next/back/pause buttons and say the cycle() the right id of the element.


for now both examples work, didnt they?]]> Do, 26 Aug 2010 00:30:19 -0000 pieter
Home uses the standard code for the cycle. (header.home.tpl)

Added 22 seconds later:

Off for dinner.]]> Do, 26 Aug 2010 00:02:24 -0000 urlkiller http://bbm.li/nk/EFA578

and now this:
$(document).ready(function() {
	// speed 		= transition time in mil secs
	// timeout 	= time how long the image stays in mil secs
	// pause 		= if you enter the box with your mouse stop sliding auto
	$('#slideshow').cycle({fx: 'scrollHorz', speed: 1000, timeout: 60000, next: '#MyNextButton', prev: '#MyPrevButton',pause: 1});
});

hope that helps a bit...

Added 51 seconds later:

is there some sort of test url where i can take a view of the code?]]> Mi, 25 Aug 2010 23:55:32 -0000 pieter On http://jquery.malsup.com/cycle/int2.html

But they give me this code:
$('#s3').cycle({ 
    fx:     'fade', 
    speed:   300, 
    timeout: 3000, 
    next:   '#s3', 
    pause:   1 
});

Where do I put this?

This is on now:
<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>

I change the fx: fade with the code above, but it didn't do anything.
I added the code and it did't do anything.

I don't know what to do.]]> Mi, 25 Aug 2010 23:35:29 -0000 urlkiller
Added 44 seconds later:

you need to add the buttons via id="my_button" to any element on your site.
also you need to add it to the startup code

Added 1 minute later:

kinglsley used it here: http://bbm.li/nk/8E222F

he only used the next / back buttons... but you can scroll ANY DOM-Element encapsuled in a tag <div>]]> Mi, 25 Aug 2010 23:06:38 -0000 pieter And that he does an auto-rotate.]]> Mi, 25 Aug 2010 23:05:36 -0000 urlkiller http://bbm.li/nk/35EE12 ?]]> Mi, 25 Aug 2010 21:25:19 -0000 pieter
I'm looking for something like this: http://hetmag.nl/

The banner with the next/prev and pause button.
I've looking arouond but didn't find something simular.

I use now the banner-rotate plugin, but it only gets a new image on refresh.

Does anyone knows where I can find this?
Thanks,

Pieter]]> Mi, 25 Aug 2010 20:50:16 -0000