Płynne przesuwanie się obrazków w lewo. Nie można zmienić wysokości wyświetlanych obrazków.

pytanie zadane 1 czerwca 2016 w JavaScript przez Krzysiek_34 Mądrala (6,410 p.)
zamknięte 1 czerwca 2016 przez Krzysiek_34

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, //speed - pixel increment for each iteration of this marquee's movement
			mouse: 'false', //mouseover behavior ('pause' 'cursor driven' or 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.

komentarz zamknięcia: Nie otrzymałem żadnej odpowiedzi na to pytanie.