Problem sa HTML i CSS

poruka: 3
|
čitano: 1.613
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
17 godina
neaktivan
offline
Problem sa HTML i CSS

Pravim web stranicu na kojoj cu objavljivati svoje fotografije. Na lijevoj strani bi trebao imati thumbnailove slika, a na desnoj da mi se pokazuju slike u vecem formatu. Tako kad kliknem na neku drugu sliku na lijevoj strani  da mi se samo na desnoj strani mijenja ta slika i njene karakteristike ispod nje, a da ostatak stranice bude nepromjenjiv.

 

Evo dio koda ako je to dozvoljeno da se ovako objavljuje:

 

<!-- Content -->
<div id="container">
<!-- Left side -->
<div id="left">
<div class="img">
<table>
<tr>
<td class="small" align="center"><a target="_blank" href="images/img_00001.jpg"> <img src="small/small_00001.jpg" alt=""></a> </td>
<td class="small" ><a target="_blank" href="images/img_00002.jpg"> <img src="small/small_00002.jpg" alt=""></a> </td>
</tr>
</table>
</div>
</div>
<!-- Right side -->
<div id="right">
<div class="img">
<table>
<tr>
<td class="thumbnail" align="center"><img src="images/img_00001.jpg" alt="View from Kahlenberg">
<div class="desc">View from Kahlenberg</div></td>
</tr> </table>
</div>
</div>
</div>
<div id="popravak"></div>
</div>
<!-- Footer side -->
<div id="footer">
<h1>Copyright &copy; Eldar Pirić 2008.</h1>
</div>
</div>

Nadam se da nije bilo preopsirno. Hvala.

Poruka je uređivana zadnji put čet 27.11.2008 7:55 (Shogun).
Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
Problem sa HTML i CSS

dal tu promijenu pokusavas postic samo HTMl-om i CSS-om?

mislim da ce ti tu i trebat javascript, a to je malo zeznutije za napravit.

najbolji savjet sta ti mogu dati je da googlas ja mislim da samo tako naso par tutoriala na netu

evo jedna kombinacija da proucis

http://www.google.hr/search?hl=hr&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=image+viewer+javascript&spell=1

uzivaj

 
0 0 hvala 1
17 godina
offline
RE: Problem sa HTML i CSS

Uz malo javascripta. U onclick eventu kažeš da src od thumba poprimi vrijednost polja href u linku kojeg si kliknio, isto tako alt poprimi vrijednost od title i na kraju vratimo false, koji bi trebao poništiti klik da se slika ne otvori u novom prozoru.

 

...

 

<td class="small" ><a target="_blank" title="View from Kahlenberg" href="images/img_00001.jpg"

onclick="document.getElementById('thumb').src=this.href; document.getElementById('thumb').alt=this.title; return false;"> <img src="small/small_00001.jpg" alt=""></a>

</td>

<td class="small" ><a target="_blank" title="nešto" href="images/img_00002.jpg"

onclick="document.getElementById('thumb').src=this.href; document.getElementById('thumb').alt=this.title; return false;"> <img src="small/small_00002.jpg" alt=""></a> </td>

 

 

....

 

 

<td class="thumbnail" align="center"><img id="thumb" src="images/img_00001.jpg" alt="View from Kahlenberg">

1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice