hoe doen pro's het, even kijken he:
° gebruik imageready om te slicen en niet photoshop (knop onderaan je toolpallet duwen in pshop laat je switchen)
° gebruik normale benamingen voor je slices // je moet ze dus benoemen (deze naam wordt nl. doorgegeven aan uw images, extensie weglaten btw)
header; menu; enzovoort..
pas nu gewoon voor de afbeeldingen die veranderen van kleur de slicenaam telkens aan met een prefix (green_; blue_), laat een color balance layer los op uw layerset (met als inhoud de zaken die veranderen van kleur) -- selecteer de slices die aangepast zijn > save for web 'selected slices only'; maak nu javascriptjes die gebruik maken van je prefix systeem.
heb even snel voorbeeldje gemaakt en online gezet:
http://research.web-lab.be/javaScript/colorChange/index.htm
om regels te besparen kan je uiteraard voor afbeeldingen met eenzelfde extensie (bijv. enkel gifs) deze reeks in een array steken: (dat zou er dan zo uitzien)
Code:
//images
arrChangeTheseImages=new Array("header","menu") // naam van de afbeeldingen/id's (-extensie)
for(i=0;i<arrChangeTheseImages.length;i++){
document.getElementById(arrChangeTheseImages[i]).src=sPrefix+arrChangeTheseImages[i]+".gif";
}
