PDA

View Full Version : Marquee Images stand on mouse over and show the image name which is clicked by mouse



ujjwal
05-21-2009, 07:45 AM
Hello All,
I am looking a Marquee Images which scroll bottom of my page.
And whenever you go to move your mouse into any of them it will stand.

Which I have found in

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

But if you click on that(any of images) I want to know which images is clicked.

Is it available in here or anyone did it earlier?

Thanks,

Ujjwal Das

forum_amnesiac
05-21-2009, 08:31 AM
Do you want to know which image was clicked because you want to use <a href=> or something like that.

In that case you actually want to use the conveyor belt script that is also listed on this site.

It has that functionality built in

http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

ujjwal
05-22-2009, 01:58 AM
Hello Sir,
Very Strange.
I am using PHP and Smarty Template.
Now when i am giving static Images it is fine. No problem atr all but when i am giving Smarty loop then nothing is seen in the page. But the data is coming(PHP data is coming and looks like a same staic images)...



{literal}
<script type="text/javascript" src="./js/crawler.js">
/*
Text and/or Image Crawler Script 2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>
<script type="text/javascript" language="javascript">
function mfSHow(id)
{
alert("Test:"+id);
}
</script>
{/literal}
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="3" align="left">WallPaper Section......</td></tr>
<tr><td height="20" colspan="3">&nbsp;</td></tr>

<tr>
<td class="head1" align="center" >
<table width="100">
<tr><td align="center" >uuuuuuuuuuuuuuuu</td></tr>
</table>
</td>
</tr>
<tr><td>
<div class="marquee" id="mycrawler2">
{section name=prod loop=$products}
<img src="gallery_video/thumbnail/{$products[prod].v_thumbName}" width="100" onclick="javascript:mfSHow('{$products[prod].v_VideoName}');" />
{/section}
<!--<img src="gallery_video/thumbnail/jaduni2.JPG" width="100" onclick="javascript:mfSHow('1');" />
<img src="gallery_video/thumbnail/jaduni4.JPG" width="100" onclick="javascript:mfSHow('2');"/>
<img src="gallery_video/thumbnail/jaduni5.JPG" width="100" onclick="javascript:mfSHow('3');"/>
-->
</div>
{literal}
<script type="text/javascript" language="javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '600px',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true
});
</script>
{/literal}
</td></tr>
</table>