21-07-2013, 03:18
Witam, napotkałem pewien problem, a jako że jestem w js zielony, zwracam się do Was z prośbą.
Na stronie widnieje jedno zdjęcie, a pod nim w 3 kolumnach (do każdej z osób) krótki opis. Chcę uzyskać taki efekt, aby po kliknięciu w zdjęcie, pierwsze zdjęcie zniknęło, pokazało się drugie i nastąpiła podmiana opisów (do drugiego zdjęcia potrzebne będą tylko 2 krótkie opisy, bo znajdują się tam 2 osoby).
Udało mi się jedynie z pomocą poradników napisać coś takiego, co podmienia tylko zdjęcia:
I działa to dosyć ładnie (choć nie ukrywam że przydała by się jakaś animacja). Problem następuje z opisami - nie mogę sobie z tym poradzić.
Za wszelką pomoc serdecznie dziękuję.
Na stronie widnieje jedno zdjęcie, a pod nim w 3 kolumnach (do każdej z osób) krótki opis. Chcę uzyskać taki efekt, aby po kliknięciu w zdjęcie, pierwsze zdjęcie zniknęło, pokazało się drugie i nastąpiła podmiana opisów (do drugiego zdjęcia potrzebne będą tylko 2 krótkie opisy, bo znajdują się tam 2 osoby).
Udało mi się jedynie z pomocą poradników napisać coś takiego, co podmienia tylko zdjęcia:
Kod:
<script>
var tImg = ['img/zespol-img-1.jpg','img/zespol-img-2.jpg'];
var vImg = true;
function fSetImg(){
if (vImg){
document.getElementById('iImg').src = tImg[1];
vImg = false;
}
else {
document.getElementById('iImg').src = tImg[0];
vImg = true;
}
}
</script>
I działa to dosyć ładnie (choć nie ukrywam że przydała by się jakaś animacja). Problem następuje z opisami - nie mogę sobie z tym poradzić.
Za wszelką pomoc serdecznie dziękuję.