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,390 p.)
zamknięte 3 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,
            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.

komentarz zamknięcia: Temat nie jest jeszcze do końca rozwiązany.

komentarz 1 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Dlaczego zamiast odświeżyć swój poprzedni temat, to założyłeś nowy?

http://forum.pasja-informatyki.pl/146597/plynne-przesuwanie-obrazkow-lewo-mozna-zmienic-wysokosci-wyswietlanych-obrazkow

Nie sądzisz, że 5 godzin to zbyt krótko, aby ponawiać pytanie?

komentarz 1 czerwca 2016 przez Krzysiek_34 Mądrala (6,390 p.)

1. Przyzwyczaiłem się, że max po 20 minutach chociaż jedna osoba udzieliła mi odpowiedzi albo podpowiedzi na wcześniejsze tematy.

2. Mój poprzedni temat o tej samej treści zniknął już z głównego forum ponad 2 godziny temu i pomyślałem sobie, że zostanie bardziej zlekceważony przez tutejszych ekspertów.

komentarz 1 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Trochę więcej cierpliwości. Możesz odświeżyć temat, zamiast go zamykać i zakładać obok od nowa ten sam.

Weź pod uwagę, że nie każdy problem da się rozwiązać w kilka minut ;)

komentarz 1 czerwca 2016 przez Krzysiek_34 Mądrala (6,390 p.)

Wobec tego tamten poprzedni temat niech już pozostanie zamknięty, a ten tutaj zostawię otwarty i będę liczył na to, że ktoś udzieli mi dobrej odpowiedzi, ok?

2 odpowiedzi

odpowiedź 2 czerwca 2016 przez winiardesign Gaduła (3,930 p.)

W JavaScripcie masz zdefiniowaną wysokość na 80px, więc nie ma co się dziwić że ci nie działa. A po drugie, gdzie tam zwiększasz tekst do 200px ? Za zwiększanie tekstu odpowiada chyba font-size, a nie height ?