[Pchelek]

Mam funkcję która po kliknięciu w miniaturę zdjęcia podmienia obraz w głównym oknie, wygląda to tak:

function changeImage1(){
document.getElementById('toChange').src='images/img-l1.jpg';
}
function changeImage2(){
document.getElementById('toChange').src='images/img-l2.jpg';
}
function changeImage3(){
document.getElementById('toChange').src='images/img-l3.jpg';
}
function changeImage4(){
document.getElementById('toChange').src='images/img-l4.jpg';
}

Moje pytanie, jak zapisać to lepiej abym miał 1 funkcje a nie 4 różne? #webdev #javascript

[Eggy]

@Pchelek: parametry funkcji

[paki81]

@Pchelek:

function changeImage(element_id) {
 document.getElementById(element_id).src='images/img-l1.jpg';
}

[rbielawski]

@paki81: src też się różnią ( ͡° ͜ʖ ͡°)

[paki81]

@rbielawski:
To wystarczy dodać kolejny parametr.

function changeImage(element_id, image) {
document.getElementById(element_id).src='images/' + image;
}

[rbielawski]

@Pchelek: zapisuj sobie src 'dużego' zdjęcia jako data-attribute (googlaj) w htmlu przy miniaturce. Nadaj miniaturkom jedną klasę, np. .thumbnail i przy kliknięciu na .thumbnail pobieraj np atrybut data-src z tego elementu i podstawiaj jako src w dużym zdjęciu.

[rbielawski]

@paki81: ja to wiem.

[paki81]

@rbielawski: ( ͡° ͜ʖ ͡°)

[rbielawski]

@Pchelek: http://codepen.io/rbielawski/pen/XmXvWq prawie gotowe, z resztą poradzisz sobie sam.