Bine ati venit pe forumul de suport al Forumgratuit

Pentru a beneficia de tot ceea ce va ofera forumul nostru, va rugam sa va conectati daca sunteti deja membru sau sa va alaturati comunitatii noastre



Creati un forum gratuit ca acesta.

Buton de afișare / ascundere imagine

 :: Despre Forumgratuit ::   :: Tutoriale

Vezi subiectul anterior Vezi subiectul urmator In jos

Buton de afișare / ascundere imagine

Mesaj Scris de ezlidor la data de Mier 17 Iun 2009, 3:31 am

Buton de afișare / ascundere imagine



Un model puteți vedea in imaginea alăturată.
Puteți observa cum se vede, imaginea, atunci când este vizibilă (sus) și când este ascunsă (jos).

Acest script poate fi adăugat:
* într-un modul din portal
* într-un modul din widget
* în mesajul paginii de start
* în descrierea unui forum

Acest script nu poate fi adăugat:
* în descrierea unei categorii (descrierea undei catogorii are un număr limitat de caractere, scriptul este mult prea mare)
* în conținutul unui mesaj
* în icoana pop-up (într-o icoană pop-up se acceptă doar coduri BBcode
* în profil personalizat



COD SCRIPT:
Cod:
<HEAD><script language="javascript">
      var tc = 6;
      var tcc = 2;
      var i,j;
 {
 
 im1= new Image();
 im1.src = "LINK BUTON - IMAGINE ASCUNSA";
 im2= new Image();
 im2.src = "LINK BUTON - IMAGINE AFISATA";
 im7= new Image();
 im7.src = "LINK IMAGINE CE ASCUNDE IMAGINEA CE TREBUIE SA FIE AFISATA";
 im8= new Image();
 im8.src = "LINK IMAGINE";
 
}
images = new Array;
      images[5] = im7.src;
      images[6] = im8.src;
swimage = new Array;
      swimage[1] = im1.src;
      swimage[2] = im2.src;
            
function img_switch1(){            
            if ((tc==6) && (tcc==2)) {tc--;tcc--;}
            else if ((tc==5) && (tcc==1)) {tc++;tcc++;}
             document.image4.src = images[i];
            document.image22.src = swimage[j];
            }
</script></HEAD>

</BODY><img name="image4" src="LINK IMAGINE"><br>
<a href="javascript:void(0)" onclick="img_switch1(i=tc,j=tcc);return false;">
<img name="image22" src="LINK BUTON - IMAGINE AFISATA" border="0"></a></BODY>


Codul de mai sus este setat ca prima dată se se vadă imaginea, apăsând pe buton, o puteți ascunde.
Dacă doriți ca imaginea să fie ascunsă la accesarea paginii, inversați următoarele link-uri:
1. LINK BUTON - IMAGINE AFIȘATĂ cu LINK BUTON - IMAGINE ASCUNSĂ
2. LINK IMAGINE CE ASCUNDE IMAGINEA CE TREBUIE SĂ FIE AFIȘATĂ cu LINK IMAGINE


Echipa Forumgratuit.ro

Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.


Ultima editare efectuata de catre ezlidor in Joi 18 Iun 2009, 12:46 am, editata de 2 ori

ezlidor
Veteran Forumgratuit
Veteran Forumgratuit

Numarul mesajelor: 11523
Varsta: 23
Localizare: Iasi
Data de inscriere: 07/02/2008
Niciun warn

http://help.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 :: Despre Forumgratuit ::   :: Tutoriale

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum