Cmotion Gallery Script

[jimmyp]

Script Title: Cmotion Gallery Script

Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.htm


Hi There,

Please, please can you help me.

Okay so on my site I have a slide show that is cotrolled by play and pause controll buttons.

I would like to combine the the scrolling slide show with the one from you guys so that it will work with the on I have on my site.

I have managed to get it to work. The problem is that I would like to add

left, right and stop buttons so that it correspondes to your scrolling slide show.

I have attached the script that I downloaded from you guys, by the way thanks a mill.

and I tried it and couldn't get the left, right and stop buttons to work.


The website is for a Greek Orthodox Chruch here in South Africa, Johannesburg and my website address is

www.cosdam.co.za

if you would like to see what I mean

Many Many Thanks
I really appreciate it.

Jimmy

[jscheuer1]

Looks like you have it working just fine.

Your page is in violation of Dynamic Drive's usage terms, which, among other things, state that the script credit must appear in the source code of the HTML page(s) using the script. Please reinstate the notice first.

[jimmyp]

Script Title: Cmotion Gallery Script

Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.htm

Thanks so much jscheuer1(John)

I really apreaciate your help,

I will put the credit line thats missing right away.

Please could you see if I have done it right,

<script type="text/javascript" src="motiongallery.js">
/***********************************************
* CMotion Image Gallery- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>


I added that to the top of the line and

<script language="JavaScript1.1">

/***********************************************
* CMotion Image Gallery- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

within the script, I don't want to get into trouble with anyone.


Thanks so much

Jimmy

[jscheuer1]

You only need the credit once on the page but, what you have is fine. OK, it seems as though you have the cmotion gallery and your added controls working pretty well. It is the thing above that on the page that seems to be a problem. What is that supposed to be? Is it a sort of menu for different galleries to be loaded in the cmotion space?

[jscheuer1]

Oh, no, I see - it's an area for the enlarged images. Some of your large images are missing. And http://www.cosdam.co.za/St2.jpg is not there either.

There seems to be some layout problems too but, these may resolve if the missing content is added. If not, I will have another look.

[jimmyp]

Script Title: Cmotion Gallery Script

Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.ht


Hi John,

Once again I can't thank you enough for your help.

I have changed the path for the missing picture and all is working nicely.

2 last questions and then I won't worry you again

1. How do I change the text box "play" so that it is transparent?
2. When I move my mouse on the pictures they move from left to right, How do I stop that so I can only use the left, right and stop controls.

Many Many Many

Thanks

Jimmy

[jscheuer1]

1 ) I'm not sure what you mean by transparent, if you want it this way all the time, or just some of the time. Literally, transparent would mean that you wouldn't see it. If that is what you want, set in its style:

visibility:hidden;

This can be done inline or in a style sheet. Example using inline style:

<input type="text" style="visibility:hidden;">

To have it appear and disappear is more complicated. I will not go into that at this time because, I'm not sure if you want that.

2 ) Find these portions in the fillup() function in motiongallery.js:

crossmain.onmousemove=function(e){
motionengine(e)
}

crossmain.onmouseout=function(e){
stopmotion(e)
showhidediv("hidden")
}

You can either just get rid of them or get rid of the first one and change the second one to:

crossmain.onmouseout=function(){
showhidediv("hidden")
}

[EZboy]

Hi there, i have another issue.!
When trying to display pictures of different size, the cmotion gallery tends to align them to the top, which looks really ugly sometimes. Is there any way to align them in the middle?
Another: is there any way to have the images at some distance from one another. I could just add a dummy image in between, but first would like to know if its possible to change it somewhere in the settings

Thank for help

I am new to all these things so if its a stupid question -sorry.

[jscheuer1]

Well, the default positioning is aligned to the bottom so, if you are seeing them at the top, you've either modified something (probably without realizing it) already, or just aren't seeing it clearly. However, to center them top to bottom and to create some space between them (working from a default installation of the script), first make sure that the height value here highlighted red is tall enough for the tallest image:

<div id="motioncontainer" style="position:relative;width:350px;height:225px;overflow:hidden;">

and add this to the gallerystyle.css styles:

#trueContainer img {
vertical-align:middle;
margin:0 10px;
}

Or if each image is linked, this will look better in some browsers, the same in others:

#trueContainer img {
vertical-align:middle;
}
#trueContainer a {
margin:0 10px;
}

Notes: This probably will work even with other modifications that you may have made but, then again it may not.

[EZboy]

Hi tere, just tried that, does not work, looks like something is pulling it up. Here is the source code:

		<td colspan="2" valign="top"><head> 
<link rel="stylesheet" type="text/css" href="cmotion/gallerystyle.css" />

<script type="text/javascript" src="cmotion/motiongallery.js">

/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>
</head>


<table width="800" height="341" border="0">
  <tr>
    <td width="50%" height="341">

	<!-- TABLE UPPER LEFT -->
	  <table width="100%"  valign="center" border="0">
      <tr>
        <td  height="341">
		
<div id="motioncontainer" style="position:relative;width:400px;height:330px;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

<nobr id="trueContainer">
<a href="javascript:enlargeimage('/44be47bbd8094.jpeg',600, 600)">								
<img src="/44be47bbd8094.jpeg" align="middle" border=1 width="686" height="200"></a> 
																	
<a href="javascript:enlargeimage('/44be47bbf0731.jpeg', 600, 400)">
<img src="/44be47bbf0731.jpeg" align="middle" border=1 width="496" height="200" ></a> 
														

<a href="javascript:enlargeimage('/44be47bc0d669.jpeg', 600, 400)">
<img src="/44be47bc0d669.jpeg" align="middle" border=1 width="429" height="200" ></a> <a href="#">
</a></nobr>

</div>
</div>
		
		 </td>
      </tr>
    </table> </td>

Another question, in java script pop up window, is it possible to have scroll bars? to view larger images

Thanks a lot, u r the best!