Witam,
Poszukuje skryptu takiego jak jest tutaj:
http://pl.fotolia.com/Info/Images/StandardCollection
Czyli ładowanie większego obrazka ma być w chwili najechania na miniaturkę. NIE może się ładować wcześniej.
Proszę o jakiś przykład najlepiej z jquery ładowania orazka dopiero po najechaniu na miniaturkę.
Z góry dziękuję bo nic sensownego znaleźć nie mogę.
Pozdrawiam
Każda normalna przeglądarka nie będzie ładować obrazka który ma display: none; Resztą (jakimiś starymi IE czy coś) bym się nie przejmował.
Myślę, że to rozwiązuje Twój problem.
Dokładnie tak mam zrobione jak mówisz. W css całość. Niestety to nie działa jak powinno.
Zawsze powiększone zdjęcia są już załadowane.
Potrzebuje takiego skryptu jak na tej stronie. Proszę o jakiś przykład z internetu działający na tej samej zasadzie.
Pokaż stronę, która się tak zachowuje jak mówisz, bo to coś z nią nie tak.
A jak nie to po prostu nie trzymaj tooltipów już jako gotowy kod HTML tylko ukryty, tylko np:
<div id="tooltip">
<img class="image" src="" alt="" />
<p class="title"></p>
<p class="info1"></p>
<p class="info2"></p>
</div>
<a href="" data-info="{src: 'sciezka/do/obrazka', title: 'blabla', info1: 'jakas informacja, np cena', info2: 'jakas informacja, np rozdzielczosc'}"><img src="link/do/miniatury.jpg" alt="" /></a>
I potem po kliknięciu czytaj dane z data-info (które są w formacie JSON jak widzisz, albo i nie), dekoduj, ładuj do tooltipa, "pojawiaj" tooltipa.
Możesz też zamiast jednego data-info z informacjami rozbić to na kilka data-*.
Samego tooltipa możesz też zhardkodować w JS, żeby nie generować niepotrzebnego HTMLowego outputu (SEO).
Jeżeli przeglądarka zcachuje Ci pliki, których ścieżka jest tak podana, to serio, coś nie tak z przeglądarką :D
Proszę o jakiś przykład z internetu działający na tej samej zasadzie.
To mnie dziwi. Sam podałeś taki przykład, możesz zajrzeć w źródła, jak moja odpowiedź Cię nie zadowala.