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