2011-11-03 9 views
8

Kiedy używać wtyczki JQZoom Mam kilka obrazów na 960.gs siatki ....JQzoom powiększania pod obok kolumny obrazu

oto przykład: http://madlov.com/vintage-sunglasses

(Uwaga: w powyższy link im przy użyciu "innegorzoom", ale gdybym używał widoku standardowego, powiększone okno pokazuje się za obrazem obok zamiast na górze)

Sprawdziłem element div ZoomWindow i ma on

z-index: 5001

to jednak nie pomaga.

dlaczego moi zoomed obrazy wydają się za innymi obrazami

+2

mają odniesienie do 'http: // tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp', dowiedz się więcej' position' i 'z-index'. –

+1

Dzięki za wskazówkę ... jej def. problem ze stosami z indeksem i pozycją Z ... Muszę jakoś zmodyfikować javascript JQzoom, aby stosy elementów były prawidłowe, nie jestem pewien jak. – hagope

+1

Nie jesteś pewien, czy tego chcesz, czy nie ma "http: // i42.tinypic.com/6nt7c2.jpg", gdy umieścisz obraz, obrazek z opcją powiększania i zniknie z wszystkich elementów div, wyprzedzając górną część ekranu. ale są zbyt duże, znikną z szerokości i wysokości ekranu. – Giberno

Odpowiedz

3

To zdecydowanie problem stosu. Oto kilka szczegółowych informacji na temat kontekstu stosowego: https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context

Skonfigurowałem też skrzypce pod numerem http://jsfiddle.net/aAMH2/1/, które mogą pomóc.

Uwaga na znaczniki stylu u dołu kodu HTML - ten styl zastępuje problem z układaniem stosu określony w CSS. Jeśli masz problemy zmieniającą Javascript, lub chcą szybko naprawić, to może to zrobić (Wystarczy zmienić nazwę klasy do

Inną opcją byłoby uruchomić jakąś jQuery po załadowaniu strony.

$(document).ready(function() { 
$('.zoomPad').css('z-index','auto'); 
}); 

Nadzieja to pomaga

2

W pliku css aplikacji, która wydaje się być coraz buforowane lub coś, spróbuj ustawić wartość .zoompad z-index na auto lub pozbycie się z-index w ogóle. A jeśli jesteś próbując uzyskać powiększone obrazy, które pojawią się nad wszystkim, ustaw właściwość przepełnienia .zoomWrapperImage na widoczną lub pozbywając się przepełnienia: ukryte

Powiązane problemy