Dzisiaj mały tutorial, który każdy z chęcią wykorzysta gdy będzie chciał wstawić w posta zdjęcie.
W kilku krokach instrukcja jak zrobić efekt zmiany zdjęcia po najechaniu na nie myszką czy też inaczej metamorfozy - zdjęcie przed i po. Efekt taki jak poniżej - najedź myszką na zdjęcie:
1. Na sam początek potrzebujesz - dwóch zdjęć umieszczonych na zewnętrznym serwerze tak by mieć ich adres URL
2. Uzupełniasz poniższy kod:
<a href="Link do którego ma prowadzić zdjęcie"><img onmouseout="this.src='Adres URL zdjęcia PRZED" onmouseover="this.src='Adres URL zdjęcia PO'" src="Adres URL zdjęcia PRZED" /></a>
czyli przykładowo:
<a href="http://www.pomocnicy.blogspot.com/"><img onmouseout="this.src='http://dl.dropbox.com/u/106645823/Madonna1.bmp'" onmouseover="this.src='http://dl.dropbox.com/u/106645823/Madonna2.bmp'" src="http://dl.dropbox.com/u/106645823/Madonna1.bmp" /></a>
Pamiętaj! Link do strony powinien zaczynać się od http://www.twojastrona......./
3. Następnie tworzysz post w którym chcesz umieścić taki efekt zdjęcia. I wchodzisz w układ HTML gdzie wklejasz kod.
4. Wchodzisz w "Nowy post" i kończysz swój post :) Gotowe. - Efekt widoczny dopiero po opublikowaniu.
Ps. Wesołych Świąt ;)
*źródło zdjęcia
