www.specjal3.pl.tl

Forum ogólnotematyczne

Ogłoszenie

Pierwsze 100 zarejestrowanych userów otrzymuje grupę ,,młodszy moderator'', dzięki temu będzie miał dodatkowe opcje, inne niż zwykły użytkownik, oraz kolor czerwony. Zapraszam do rejestracji, już niedługo forum będzie dobrze znane w środowisku internetowym.


#1 2009-02-18 10:33:11

mrocznyrzeznik

młodszy moderator

Zarejestrowany: 2009-02-18
Posty: 3
Punktów :   

Wstawianie kilku obrazków w wierszu koło siebie

Może ma ktoś skrypt albo informacje o tym jak stworzyć skrypt w JS, żeby wstawiał zdjęcia z podpisami z bazy rysunków i umieszczał je obok siebie (w poziomie). Dodatkowo żeby był poziomy suwak, do przewijania zdjęć. Dzięki suwakowi można przesuwać obrazki w poziomie (w polu byłyby widoczne np dwa obrazki, byłyby widoczne po przesunięciu suwaka).
Czasami może być np 5 obrazków koło siebie i widać tylko dwa, a dzięki suwakowi można sobie oglądnąć następne.
Dodatkowo żeby po kliknięciu w zdjęcie (rysunek) powiększało go.
To wszystko ma być w miejscu gdzie jest rysunek w kodzie.

Prosiłbym o gotowy skrypt albo wyjaśnienie i jakiś przykład?

Pozdrawiam

Offline

 

#2 2009-02-18 10:40:37

paul997

młodszy moderator

Zarejestrowany: 2009-02-18
Posty: 1
Punktów :   

Re: Wstawianie kilku obrazków w wierszu koło siebie

Może tak:



Kod:
<!--Formatowanie poziomego paska przewijania w tabeli-->

<style type="text/css" title="Default" media="screen">

.imagecontainer {
    overflow: auto;
    width: 100%;
#fakeimage {
    width: auto;
    height: 430px;
    border: 2px solid red;
}

</style>


Kod:
<div class="imagecontainer">

           <div id="fakeimage">

           <table class="tabela3" id="tabela3">

            <td><img src="STD.jpeg" id="img" width="480" height="400" />
                  <br><center>Rys.1. Schemat 1[STD]</center>
            </td>
             
              <td><img src="WT.jpg" id="img" width="480" height="400" /><br><center>Rys.2. Schemat 2</center></td>
              <td><img src="LT.jpg" id="img" width="480" height="400" /><br><center>Rys.3. Schemat 3</center></td>
              <td><img src="LGP.jpg" id="img" width="480" height="400" /><br><center>Rys.4. Schemat 4</center></td>

           </table>

          </div>

          </div>

Offline

 

Stopka forum

RSS
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi


Darmowe Forum | Ciekawe Fora | Darmowe Fora
www.tekkasquadron.pun.pl www.goldwwe.pun.pl www.risingsun.pun.pl www.narutorpgarena.pun.pl www.grafikaanime.pun.pl