Witam.
Jestem w trakcie robienia ciekawego efektu w postaci płynnego przesuwania się obrazków w lewo. Pomysł zaczerpnąłem ze strony:
https://progrower.coffeecup.com/picmarquee.html
Aktualny mój kod:
<head>
<script type="text/javascript" src="marquee/crawler.js">
</script>
<script type="text/javascript" src="marquee/marquee.js">
</script>
</head>
<body>
<div id="content">
<div class="Object"><div id="mycrawler">
<img src="marquee/images/01.jpg" alt="" title="" />
<img src="marquee/images/02.jpg" alt="" title="" />
<img src="marquee/images/03.jpg" alt="" title="" />
<img src="marquee/images/04.jpg" alt="" title="" />
<img src="marquee/images/05.jpg" alt="" title="" />
<img src="marquee/images/06.jpg" alt="" title="" />
<img src="marquee/images/07.jpg" alt="" title="" />
<img src="marquee/images/08.jpg" alt="" title="" />
</div></div>
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'margin-top': '2px',
'padding': '1px',
'width': '900px',
'height': '80px'
},
inc: 0,
mouse: 'false',
moveatleast: 1,
neutral: 150,
savedirection: true
});
</script>
</body>
#content
{
background-color: #000000;
width: 1100px;
height: 400px;
}
.Object
{
position: absolute;
top: 350px;
left: 225px;
width: 900px;
}
Efekty są niezłe w przypadku mojego kodu, ale nie mogę zmienić wysokości wyświetlanych obrazków. Domyślnie wysokość ustawiona jest na 80px. Dla testu wpisywałem wysokość jako 200px w JavaScript:
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'height': '200px'
},
});
</script>
i dalej domyślnie pokazuje wysokość jako 80px.
W stylach CSS dopisałem wysokość jako 200px:
.Object
{
height: 200px;
}
i dalej domyślnie pokazuje wysokość jako 80px.
Zdjęcia mają rozdzielczość od 500x400 albo dużo wyższą, czyli wysokość każdego obrazka wynosi min 400px.
Czy w ogóle da się zrobić tak, aby można było zwiększyć wysokość wyświetlanych obrazków, np. na 200px?
W programie graficznym mógłbym wtedy nadać każdemu obrazkowi wysokość 200px (szerokość będzie dostosowana, aby zdjęcie nie było spłaszczone), po to aby każdy wyświetlany i przesuwany obrazek mógł być pokazany w całości.