CrossSlide jQuery slide-show and PW?

[antknight]

http://tobia.github.com/CrossSlide/

I would like to use the CrossSlide jQuery plugin with PW, in particular the Ken Burns effect, but how would I use PW to output the source images into the CrossSlide code?

I am pretty with sure other slideshows, you can just list the source images in the HTML, which would be simple, but I like to make things difficult!

Thanks

[diogo]

See here how you can create the variables with pw data to use in javascript http://processwire.com/talk/topic/803-tinymce-insert-image-modal-window/#entry20546

[ryan]

Taking the first example from the CrossSlide site, you could do it like this:

<script type='text/javascript'>
$(document).ready(function() {
 $('#placeholder').crossSlide({
   sleep: 2,
   fade: 1
 }, [
   <?php
   $o = '';
   foreach($page->images as $img) $o .= "{ src: '$img->url' },";
   echo rtrim($o, ",");
   ?> 
 ]);
}); 
</script>

I'm stuffing it into the variable $o before echoing it just so that I can trim off the trailing comma, which prevents a JS error in some browsers.

[antknight]

Thanks Ryan, that trailing comma was exactly what I was wondering about how to deal with!

[neildaemond]

cool, I've never considered this ken burns effect before... looks pretty nice.