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>
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.