Za duże zdjęcia na stronie

Dla specjalistów Webmastering
#1

Witajcie. Mam za duże zdjęcia na stronie, nie chcę ich pomniejszać. Może mi ktoś powiedzieć jak zrobić tak żeby zdjęcie automatycznie się zmniejszało a po kliknięciu otwierało się w rzeczywistych rozmiarach? Tak jak to jest na forach, różnych stronach. Albo powiedzcie jak to się fachowo nazywa, może znajdę jakiś tutorial.

#2

Możesz zrobić div o jakich tam rozmiarach chcesz i w css dla diva ustawiasz:

background: url(twoj obrazek);

background-size: 100%;

Czyli np div ma 100 na 100 i obrazek także bo jest ustawiony na 100% diva.

#3

Zgodnie z Twoim opisem, masz na myśli chyba taką mini galerię. Tutaj jest mały poradnik: http://edodatki.pl/porada-dla-webmaster … na-stronie

Tworzysz miniatury do oryginalnych zdjęć, dodajesz lightboxa wg instrukcji na stronie i powinieneś otrzymać taki efekt jaki opisujesz

#4

Nie wiem jak masz to u siebie zrobione, ale ogółem można:

  • wstawić img w a

  • ustawić dla img w css’ie width: 50%; height: auto;

Chyba że zdjęcia masz różnych rozmiarów, wtedy lepiej i szerokość i wysokość ustawić na jakąś wartość…

przykład

A co do “wypluwania” powiększenia (i chyba nie tylko), można posłużyć się czymś takim jak Lightbox.

#5

Hejka,

Myśle , ze chodzi ci o coś takiego, jak podgląd LightBox:

http://lokeshdhakar.com/projects/lightbox2/

Mam nadzieję, że pomogłem :wink:

#6

Lepiej wychodzi załadować małe grafiki (zmniejszyć je przy uploadzie), najlepiej wyświetlić używając css sprites :slight_smile: