Podstrony
- telcocafe
- Pomoc w photoshopie !!!!!!! Nie wiem jak "zlać" 2 obrazki....
- [mod_rewrite] Adres Z '/' I Bez '/' nie działają obrazki
- [php] Zapis obrazka klienta na serwerze Jak zapisać obrazek klienta na serwerze?
- [JS] Zamina obrazka w js
- Ładowanie obrazków w IE od nowa i od nowa... :/
- [CSS] znów obrazki w css
- [php]Miniatury dl dużych obrazków z php
- Ramka do obrazka, jak ? HELP! proszę o pomoc!
- [css/html]Odstęp między obrazkami w css
- Podśiwetlenie obrazku W funkcji 'mapa'
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- kudrzwi.htw.pl
telcocafe
Witam.Napisalem kod odnosnie przewijania obrazkow za pomoca przyciskow "Nastepny" i "poprzedni", tak,ze jest to zapetlone.
Chcialbym teraz do kazdego z tych obrazkow dodac link,tak,ze po kliknieciu na poszczegolnby obrazek, otwiera sie inna strona. Jak to zrobic?
ponizej podaje moj aktualny kod, do ktorego trzeba cos dodac,by uzyskac ten efekt.
prosze o pomoc.
KOD:
<HTML> <HEAD> <TITLE>Test Obrazków</TITLE> <script LANGUAGE=Javascript TYPE="TEXT/Javascript"> <!-- Ukrycie skryptu przed starszymi przeglądarkami tablObrazki = new Array("images/callisto.jpg", "images/europa.jpg", "images/io.jpg", "images/ganymede.jpg") licznik=0 ileObrazkow = tablObrazki.length - 1 function zmienSlajd(kierunek) { if(document.images) { licznik = licznik+kierunek if (licznik > ileObrazkow) { licznik=0 } if (licznik < 0) { licznik=ileObrazkow } document.rysunek.src=tablObrazki[licznik] } } // Koniec ukrywania skryptu przed starszymi przeglądarkami --> </SCRIPT> </HEAD> <BODY BGCOLOR="WHITE"> <CENTER> <H1>Księżyce Jowisza<p> <IMG SRC="images/callisto.jpg" NAME="rysunek" WIDTH=262 HEIGHT=262><p> <A HREF=javascript:zmienSlajd(-1)>Poprzednia</A> <A HREF=javascript:zmienSlajd(1)>Następna</A> </H1> </CENTER> </BODY> </HTML>
Dodaj do kodu Javascript drugą tablicę (z nazwą np. tablUrls) na wzór tej z adresami obrazków, tyle żeby wartościami były odnośniki.
Wartość:
document.rysunek.src=tablObrazki[licznik]
Zamień na:
document.getElementById('rysunek').src=tablObrazki[licznik] document.getElementById('ryshr').href=tablUrls[licznik];
Kod obrazka zamień na:
<a href="domyslna_strona" id="ryshr"> <img src="images/callisto.jpg" id="rysunek" width="262" height="262"> </a> <p>
Jeśli nie chcesz obramowania, nadaj znacznikowi IMG atrybut BORDER z wartością "0".
Użytkownik Ferrari edytował ten post 06 maj 2005, 17:50
Dziekuje bardzo.Wlasnie o to mi chodzilo.Wszystko dziala.
pozdrawiam