galeria miniatury - Forum PHP.pl

Forum PHP.pl > Forum > Po stronie przeglądarki

galeria miniatury

john_doe Zobacz profil	12.05.2012, 15:49:13 Post #1
Grupa: Zarejestrowani Postów: 873 Pomógł: 25 Dołączył: 24.07.2005 Ostrzeżenie: (0%)	Witam, chciałbym stworzyć galerie w taki sposób: 1. tworze div id="gallery" 2. wewnątrz tworzę div ( generowane z bazy ), class="mini" wewnątrz z miniaturą obrazu 3. napisałem przykładowy kod, który miniatury ustawia w pasku i po kliknięciu dostaniemy normalny obraz w stałych divie [HTML] pobierz, plaintext <!DOCTYPE HTML> <html> <head> <title>krystian gallery js</title> <script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <style type="text/css"> #gallery{ border: 2px solid green; overflow: hidden; width: 840px; height: 120px; } .mini{ float: left; border: 1px solid red; } #normal-pic-size{ width: 584px; height: 422px; border: 2px solid pink; } </style> <script type="text/javascript"> $(document).ready(function(){ $('.mini').click(function(){ var fileName = $(this).children('img').attr('src'); $("#normal-pic-size").html('<img src="' + fileName.replace("mini_", "") + '" />'); }); }); </script> </head> <body> <div id="normal-pic-size"></div> <div id="gallery"> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> <div class="mini"> <img src="mini_zaraz.jpg" alt="" /> </div> </div> </body> </html> [HTML] pobierz, plaintext gdy w css mam ustawiony overflow: hidden nie wyświetla mi wszystkich obrazów w moim poziomym pasku miniatur. proszę o wskazówki jak zrobić przesunięcie niewidocznej częsci divów za pomocą przycisku prawo-lewo Ten post edytował john_doe 13.05.2012, 00:49:15