Używam <marquee> znacznik do dalszego przesuwania obrazu w poziomie. Przypuśćmy, że mam 5 obrazów, które poruszają się dobrze, ale po zakończeniu ostatniego ruchu jest duża luka, aby rozpocząć przewijanie z pierwszego obrazu. Jak mogę to zrobić?
Mój kod to coś takiego:
<marquee direction="right">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
</marquee>
Odpowiedzi:
2 dla odpowiedzi № 1Marquee (<marquee>) jest nieaktualnym i niepoprawnym tagiem HTML. Możesz użyć wielu wtyczek jQuery. Jednym z nich jest JQuery News Ticker. Jest wiele więcej!
2 dla odpowiedzi nr 2
Nie można przewijać obrazów w sposób ciągły za pomocą znacznika marki HTML - musi być dodany JavaScript w celu ciągłego przewijania.
Nazywa się wtyczka JavaScript crawler.js dostępne na dynamicznym forum napędów dla osiągnięcia tej funkcjonalności. Ta wtyczka została stworzona przez Johna Davenporta Scheuera i została z czasem zmodyfikowana, aby pasowała do nowych przeglądarek.
Zaimplementowałem tę wtyczkę na moim blogu, aby udokumentować wszystkie kroki korzystania z tej wtyczki. Oto przykładowy kod:
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="assets/js/crawler.js" type="text/javascript" ></script>
</head>
<div id="mycrawler2" style="margin-top: -3px; " class="productswesupport">
<img src="/images/assets/images/products/ie.png" />
<img src="/images/assets/images/products/browser.png" />
<img src="/images/assets/images/products/chrome.png" />
<img src="/images/assets/images/products/safari.png" />
</div>
Oto konfiguracja wtyczki:
marqueeInit({
uniqueid: "mycrawler2",
style: {
},
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
});
0 dla odpowiedzi № 3
Myślę, że ustawiłeś szerokość markizy na 5 całkowitych szerokości obrazu. To działa dobrze
dawny: <marquee style="width:700px"></marquee>
0 dla odpowiedzi nr 4
Spróbuj tego:
<marquee behavior="" Height="200px" direction="up" scroll onmouseover="this.setAttribute("scrollamount", 0, 0);this.stop();" onmouseout="this.setAttribute("scrollamount", 3, 0);this.start();" scrollamount="3" valign="center">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
<img src="/images/images/a.jpg">
</marquee>