Galeria zdjęć

[ruda wiewióra]

Witajcie

Chciałabym prosić Was o poradę dotyczącą zbudowania galerii podobnej np. do tej, która znajduje się na www.digart.pl

Chcę stworzyć galerię, w której wszystkie miniaturki - niezależnie od tego, czy są poziome czy pionowe - to kwadraty, a dopiero po najechaniu na taki kwadrat pojawia się druga miniaturka, w zależności od zdjęcia pionowa lub pozioma. Dokładnie tak, jak to wygląda na digarcie.

Jak to zrobić, żeby google było zadowolone? Próbowałam póki co różnych sposobów z CSS ale wiecznie coś było nie tak, np. ten sposób https://riddle.jogger.pl/2005/12/12/tooltip-w-css/ byłby może dobry (może, bo nie wiem na ile jest zgodny z wymogami google), ale ta druga miniaturka "w dymku" wyświetla mi się uparcie pod miniaturką kwadratową zamiast na niej, próbowałam coś kombinować z padding itp. ale bezskutecznie.

Czy znacie jakiś dobry sposób na taką galerię?

Pozdrawiam i z góry dziękuję za wszelkie porady

[kodhtml.pl]

Najlepiej podaj link do obecnej galerii - wtedy będzie można powiedzieć co jest nie tak.

[ruda wiewióra]

Tak to wygląda jeśli chodzi o sposób ze strony, którą wcześniej podałam: https://free.of.pl/n/nakanapie/galeria/zoom.html (to na razie tylko próba z kilkoma zdjęciami, przed umieszczeniem na konkretnej stronie i bez możliwości powiększenia).

Problemy z tym są dwa: większe miniaturki wyświetlają się pod miniaturką kwadratową zamiast po i w IE wygląda to inaczej niż powinno (rzecz jasna ) - tam z kolei powiększenia wyświetlają się nad miniaturką kwadratową, ale są przykryte tymi kolejnymi miniaturami. Dlatego myślałam, że może lepszym rozwiązaniem będzie JS?

Przy okazji mam jeszcze jedno pytanie, które zadałam już w innym wątku, ale może tu ktoś odpowie

Jak google zapatruje się na taką sytuację:

powiedzmy, że mam galerię zdjęć z plenerem ślubnym, galeria zawiera miniaturki, które są odnośnikiem do zdjęcia i kod takiej miniaturki wygląda np. tak:

<a href="gallery/slub/plener.php?id=001.jpg" title="zdjęcia ślubne - plener - zdjęcie nr 1" class="tooltip"><img src="images/gallery/slub/plener001.jpg" class="miniature" alt="fotografia ślubna - sesja plenerowa - zdjęcie nr 1" title="plener ślubny Eweliny i Rafała, Las Oporowski we Wrocławiu - zdjęcie nr 1"><dfn><img src="images/gallery/slub/plener001zoom.jpg" class="miniature" alt="fotografia ślubna - sesja plenerowa - zdjęcie nr 1" title="plener ślubny Eweliny i Rafała, Las Oporowski we Wrocławiu - zdjęcie nr 1 zoom"></dfn></a>

Czy można w ten sposób opisywać każdą miniaturkę, czyli do każdej przypisać taki sam alt i title ze zmienionym nr zdjęcia + taki sam title każdego linka, też ze zmienionym numerem? Czy google potraktuje to jako spam?