Oznacavanje slika

Broji slike u php-u gdje ih i ispisuješ. Stavi prvo varijablu $i da je jedan i kod svake slike stavljaj $i++. I kod svake slike također ispiši taj broj u jedan <span>. Ili - ako ne ispisuješ slike s php-om, nego html-om, onda manualno napišeš brojeve 1, 2, 3... n u <span>-ove.

Taj span zajedno sa slikom neka bude unutar jednog <a> tag-a. Nakon toga u css-u staviš da ti spanovi s brojevima imaju display:none, a na hover da imaju display:block (ili display:inline).

Nadam se da si sve shvatio, sad još samo da ti pojasnim zašto span mora unutar a taga. Naime, span kao takav bit će apsolutno pozicioniran u kutu (recimo desnom gornjem), pri tome će ti a morat bit relativno pozicioniran da bi to radilo. A taj <a> služi kao prvo da u css-u možeš napisati a span {} i a:hover span{} za skrivanje i prikazivanje spana, a kao drugo zato što u IE 6 nijedan drugi element nema hover osim <a>.

Kolko sam jasan, ne znam.. Nadam se bar malo pomogo. :)

ižvršno!

sad unutar <a> taga dodaš jedan <div> tag.

tvoj kod:

<td class="thumbnail">
 <a href="page0004.php">
  <img src="gallery/miscellaneous/thumb/th_img_0004.jpg" width="98" height="130"/>
 </a>
</td>

postaje ovakav:

<td class="thumbnail">
 <a href="page0004.php">
  <img src="gallery/miscellaneous/thumb/th_img_0004.jpg" width="98" height="130"/>
  <div class="number">12.</div>
 </a>
</td>

i onda u css dodaš sljedeće:

td.thumbnail a div.number {
 display:none;
}
td.thumbnail a:hover div.number {
 display:block;
 width:20px;
 height:20px;
 position:absolute;
 top:0;
 right:0;
 background:orange;
}

i naravno, u css-u tamo gdje ti je definiran style za ovaj td.thumbnail, dodaš još jedan property:

 position:relative;

Nakon toga će ti se taj broj ispisivati, pa kad skužiš da ti je moj css ružan, onda si ga sam još malo popraviš (malo visine, širine, boje i sve ostalo)

Kad to napraviš, onda se slobodno javi sa svojim php kodom koji ispisuje slike pa ti mogu napisat i kako da složiš brojalicu (da nisu svi brojevi 12).