Pokaż wyniki od 1 do 6 z 6
Temat: Powiększająca się fotka.
-
05-03-09, 21:38 #1
- Dołączył
- March 09
- Postów
- 3
- Siła Reputacji
- 0
-
06-03-09, 18:08 #2
- Dołączył
- June 07
- Postów
- 142
- Siła Reputacji
- 0
Witam!
Możesz zrobić tak, że wykonasz miniaturkę w najprostszym programie graficznym np. w photofiltre. Następnie zapisujesz miniaturkę jako mapa_miniaturka.jpg i wrzucasz ją na stronkę jako obraz z hiperłączem do obrazu oryginalnej wielkości (mapa.jpg). W kodzie będzie to tak wyglądało:
<a href="C:\mapa.jpg"><img src="C:\mapa_miniaturka.jpg" border="0" alt=""></a>
I tyleTeraz po kliknięciu na miniaturke w nowym oknie otworzy się oryginalny obraz
-
07-03-09, 16:53 #3
- Dołączył
- December 05
- Postów
- 2,236
- Siła Reputacji
- 0
Ja bym uzupełnił kod o trzy rzeczy, nie są konieczne, ale warto znać:
<a href="C:\mapa.jpg" title="opis obrazka" rel="nofollow" target="_blank"><img src="C:\mapa_miniaturka.jpg" border="0" alt=""></a>
title="opis obrazka" — po przytrzymaniu myszy nad miniaturką pokaże się dymek z opisem obrazka, eleganckie i miłe dla użytkownika, poza tym Google dzięki temu wie, co jest na obrazku,
rel="nofollow" — niekonieczne, ale to ukłod dla wyszukiwarek, mówi, że za tym linkiem nie kryje się żadna warta indeksowania zawartość (nie ma tekstu = nie ma zawartości).
Można jeszcze uzupełnić atrybut alt:
alt="tekst" — tekst pokaże się, jeśli z jakichś względów nie będzie można obrazka wyświetlić, wiadomo wtedy, o co chodzi. Poza tym przeglądarki dla niewidomych korzystają z tego tekstu, dzięki czemu osoba taka wie, w co klika.
-
07-03-09, 21:08 #4
- Dołączył
- March 09
- Postów
- 3
- Siła Reputacji
- 0
-
22-04-09, 20:35 #5
- Dołączył
- February 09
- Postów
- 20
- Siła Reputacji
- 0
-
26-04-09, 02:20 #6
- Dołączył
- December 05
- Postów
- 2,236
- Siła Reputacji
- 0
Informacje o temacie
Users Browsing this Thread
Aktualnie 1 użytkownik(ów) przegląda ten temat. (0 zarejestrowany(ch) oraz 1 gości)
Podobne wątki
-
Skrypt/Aplikacja/Interfejs powiązany z baza danych .. problem.
By morsdicti in forum HTML, XHTML, CSS, JS, AJAXOdpowiedzi: 1Ostatni post / autor: 21-04-08, 09:37
Zakładki