E sad, to sam rešio sledećom funkcijom:
Code:
function togglePicture() {
document.getElementById('picture1').style.display = (document.getElementById('picture1').style.display == 'block') ? 'none' : 'block';
document.getElementById('picture2').style.display = (document.getElementById('picture2').style.display == 'none') ? 'block' : 'none';
chngHTML();
}
function togglePicture() {
document.getElementById('picture1').style.display = (document.getElementById('picture1').style.display == 'block') ? 'none' : 'block';
document.getElementById('picture2').style.display = (document.getElementById('picture2').style.display == 'none') ? 'block' : 'none';
chngHTML();
}
Ono što sam hteo da izbegnem jesu dva odvojena linka. Ovaj problem sam pokušao (i donekle rešio) upisivanjem sadržaja u DIV (innerHTML)...
Code:
function chngHTML() {
document.getElementById('ppic').innerHTML = (document.getElementById('ppic').innerHTML == 'Nacrt') ? 'Fotografija' : 'Nacrt';
}
function chngHTML() {
document.getElementById('ppic').innerHTML = (document.getElementById('ppic').innerHTML == 'Nacrt') ? 'Fotografija' : 'Nacrt';
}
Sve ovo super funkcioniše, ali se javlja jedan bug! Kada se otvori prozor i kada se klikne na taj DIV sa nazivom, funkcija samo promeni sadržaj DIV-a, a uopšte ne promeni svojstva (show/hide) za slike? Tek nakon sledećeg klika na DIV, sve radi kako treba! Nikako mi nije jasno zbog čega se ovo dešava?
http://webdev.2point.co.yu/holzhaus/v.silver/gallery.html
P.S. Samo se klikom na prvi thumb poziva funkcija... Ostale thumbnailove nisam povezivao sa funkcijom...