PDA

View Full Version : Combine 2 scripts? CMotion Image & Lightbox image viewer



jessica_r
03-07-2009, 05:50 AM
Is there a script to combine "Lightbox image viewer" and "CMotion Image Gallery"?

http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm#

Thanks

jscheuer1
03-07-2009, 06:30 AM
If you use Lightbox 2.04a:

http://home.comcast.net/~jscheuer1/side/lightbox2.04a/

All you need to do is to add the lightbox syntax to Cmotion, ex:


<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

<nobr id="trueContainer"><a href="larger.jpg" rel="lightbox"><img src="dynamicbook1.gif" border=1></a> . . . </nobr>

</div>
</div>

jessica_r
03-09-2009, 09:50 AM
Thanks for that :D

Ive actually changed my idea but still want to use the Cmotion gallery. http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm#

My only question is, can I change it so that it auotmatically scrolls to the right without palcing cursor.

I would still like it to go afaster though when you roll over the right hand side.

jscheuer1
03-09-2009, 10:59 AM
Use Text and/or Image Crawler:

http://home.comcast.net/~jscheuer1/side/thecrawl/

jessica_r
03-09-2009, 11:48 AM
I seem to be able to get the text.. but not combine it with the image gallery!!!

jscheuer1
03-09-2009, 12:09 PM
Here's an example with images, setup like I think you want, or close to it:


<div class="marquee" id="art">
<img src="../files/photo1.jpg" alt=""> <img src="../files/photo2.jpg" alt=""> <img src="../files/photo3.jpg" alt=""> <img src="../files/photo4.jpg" alt=""> <img src="../files/photo5.jpg" alt=""> <img src="../files/photo6.jpg" alt=""> <img src="../files/photo7.jpg" alt=""> <img src="../files/photo8.jpg" alt=""> <img src="../files/photo9.jpg" alt="">
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'art',
direction: 'right',
style: { //style object for this marquee container (use quotes on both sides of the : as shown)
'width': '60%',
'height': '235px',
'background-color': '#ddd',
'border': '1px solid #111',
'margin': '2ex auto 0 auto'},
inc: 6, //speed - pixel increment for each iteration of this marquee's movement
moveatleast: 4,
mouse: 'cursor driven' //mouseover behavior ('pause' 'cursor driven' or false)
});
</script>