使用选取框在母版页中连续滚动图像 [英] Continuous scrolling of images in masterpage using marquee
本文介绍了使用选取框在母版页中连续滚动图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经创建了masterpage.in这个我想连续重复图像而没有间隙。除了徽标。
我使用了marquee.Images正在旋转但是经过一段时间后有一个间隙然后再次旋转。
我想要旋转,最后一张图像应该从第一张图像的右侧附加。我写过以下代码。但是有些图片后有差距。
I have created masterpage.in this i want to repeat images continously without gap.except logo.
I have used marquee.Images are rotating but after some time there is a gap and then again rotates.
I want to rotate and the last image should get attached from right side of the first image. i have written following code.But there is a gap after some images.
<td>
<asp:Image ID="logo1" runat="server" Height="150px" ImageUrl="~/images/logo1.jpg" style="margin-top: 0px" Width="140px" />
</td>
<marquee behavior="alternate" width="1000px" height="150px">
<img src="images/book1.jpg" width="200px" height="150px" />
<img src="images/book2.jpg" width="200px" height="150px" />
<img src="images/book3.jpg" width="200px" height="150px" />
<img src="images/images2.jpg" width="200px" height="150px" />
</marquee>
推荐答案
在选框标记中连续滚动图像,没有空格是不可能的,但解决方法是这个
http://www.dynamicdrive.com /dynamicindex2/crawler/index.htm [ ^ ]
最好的:)如果你无法部署,请回信。
Continuous scroll of Images without space in marquee tag is not possible but the workaround would be this
http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm[^]
All the best:)pls write back if you are unable to deploy .
试试javascript for使Marquee持续。
参考
http://web-developer-vishwajeet.blogspot.in/2009/11/how-to-scroll-marquee-continue-without.html [ ^ ]
http://javascript.about.com/library/blcmarquee1.htm [ ^ ]
Try out javascript for making the Marquee continous.
Refer
http://web-developer-vishwajeet.blogspot.in/2009/11/how-to-scroll-marquee-continue-without.html[^]
http://javascript.about.com/library/blcmarquee1.htm[^]
在这里你去
从 下载js http://www.dynamicdrive.com/dynamicindex2/crawler/crawler.js [ ^ ]
您的参考代码
Here you go
Download the js from http://www.dynamicdrive.com/dynamicindex2/crawler/crawler.js[^]
Reference code for you
<html>
<head>
<script type="text/javascript" src="crawler.js">
marqueeInit({
uniqueid: 'mycrawler1',
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,
random: true
});
</script>
<head>
<body>
<div class="marquee" id="mycrawler1">
<img src="images/book1.jpg" width="200px" height="150px" />
<img src="images/book2.jpg" width="200px" height="150px" />
<img src="images/book3.jpg" width="200px" height="150px" />
<img src="images/images2.jpg" width="200px" height="150px" />
</div>
</body>
</html>
所有最佳:)
All the Best:)
这篇关于使用选取框在母版页中连续滚动图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文