[ sredojevic @ 07.08.2008. 18:22 ] @
Postovani,

Vidjao sam ranije na internetu gde sa na stranici nalazi mala slicica i kada se klikne na nju pojavi se velika
ali se ne otvara novi prozor vec na istoj samo se centrira poozaj vece slike.

Da li neko moze da mi preporuci sajt gde postoji takav nacin prikazivanja slika pa da ja vidim kako je to uradjeno
ili da mi neko pokaze nacin na koji se to radi?

Pozdrav
[ Nikola Poša @ 07.08.2008. 21:54 ] @
Evo ti jedan banalan primer za to:

Code:

<html>
    <body>
        <img src = "malaSlika.jpg" onMouseOver = "this.src = 'velikaSlika.jpg'" onMouseOut = "this.src = 'malaSlika.jpg'" />
    </body>
</html>


Razlika je samo shto ovde ne ide na klik, nego na prelazak mishem...
[ Ser_Boyler @ 08.08.2008. 08:37 ] @
U pitanju je Lightbox JS.
Pogledaj ovde: http://www.huddletogether.com/projects/lightbox2/
[ Nikola Poša @ 08.08.2008. 10:26 ] @
A evo ovde mozhesh da preuzmesh Lightbox v1.5.
[ Ser_Boyler @ 08.08.2008. 10:41 ] @
Nova verzija je v2.04
http://www.huddletogether.com/...box2/releases/lightbox2.04.zip
[ sredojevic @ 08.08.2008. 12:59 ] @
Citat:
raynor: Evo ti jedan banalan primer za to:

Code:

<html>
<body>
<img src = "malaSlika.jpg" onMouseOver = "this.src = 'velikaSlika.jpg'" onMouseOut = "this.src = 'malaSlika.jpg'" />
</body>
</html>


Razlika je samo shto ovde ne ide na klik, nego na prelazak mishem...


To je kada se prevuce misem a kako ide na klik?

Jel umesto onMouseOver ide onClick ili je nesto drugo u pitanju?
[ Nikola Poša @ 08.08.2008. 19:23 ] @
E na klik bi vec moralo ovako neshto:
Code:

<html>
<head>
    <script language = "JavaScript">
        var niz = new Array(2);
        x = 1;
        
        niz[0] = new Image;
        niz[0].src = "malaSlika.jpg";
        
        niz[1] = new Image;
        niz[1].src = "velikaSlika.jpg";
        
        function promeni(){
            document.slika.src = niz[x].src;
            
            if (x == 1) {
                x = 0;
            }
            
            else if (x == 0){
                x = 1;
            }
        }
    </script>
</head>
<body>
    <img src = "malaSlika.jpg" name = "slika" onclick = "promeni()" />
</body>
</html>


Probaj, pa proceni shta ti se vishe dopada. Meni je nekako "elegantnija" ova varijanta sa prelaskom preko slike. Naravno, ako hocesh na profesionalan nachin da odradish to sa slikama, download-uj taj LightBox... Ovo shto sam ja napisao su samo neki osnovni nachini tranzicije izmedju slika, koji mogu da se doteraju kako bi izgledali lepshi za oko.

Pozdrav!
[ sredojevic @ 09.08.2008. 15:02 ] @
To je to!!!

Hvala, care
[ Nikola Poša @ 09.08.2008. 15:44 ] @
Nema na chemu, i drugi put.
[ sredojevic @ 09.08.2008. 18:29 ] @

E, znas sta sam jos hteo da pitam, da li je moguce da
slika koja se nakon klika misem uveca,da se pomeri malo u stranu

Znaci kada kliknes misom na malu sliku,da se pojavi veca slika
ali na primer u sredini stranice?
[ Nikola Poša @ 09.08.2008. 20:58 ] @
Pa i za to ima dosta varijanti, al' evo recimo da modifikujem onaj moj prethodni kod:
Code:

<html>
<head>
    <script language = "JavaScript">
        var niz = new Array(2);
        x = 1;
        
        niz[0] = new Image;
        niz[0].src = "malaSlika.jpg";
        
        niz[1] = new Image;
        niz[1].src = "velikaSlika.jpg";
        
        function promeni(){
            document.slika.src = niz[x].src;
            
            if (x == 1) {
                x = 0;
                document.getElementById('polje').align = "center";
            }
            
            else if (x == 0){
                x = 1;
                document.getElementById('polje').align = "right"; 
            }
        }
    </script>
</head>
<body>
    <div id = "polje" align = "right">[/b]<img src = "malaSlika.jpg" name = "slika" onclick = "promeni()" /></div>
</body>
</html>

Ovo je samo prost primer, ti naravno mozhesh da ga modifikujesh prema svojim potrebama...

[Ovu poruku je menjao raynor dana 10.08.2008. u 12:41 GMT+1]

[Ovu poruku je menjao raynor dana 10.08.2008. u 12:41 GMT+1]

[Ovu poruku je menjao raynor dana 10.08.2008. u 12:41 GMT+1]