我曾經在很多論壇上,但沒有人能給我答案。這個網站是我最後的機會。CSS:如何更正圖片的位置
我有一個基於javascript的圖像查看器。如果圖像的列(JS cound取決於php/mysql的行數)有一定的計數。現在,在輸出中有三列圖像,分兩行顯示。當我有一個最大的屏幕分辨率,我可以打開這個鏈接,查看觀衆的樣子:
的圖像縮略圖。當我將鼠標移動到第三個縮略圖上時,圖像會自動縮放。根據圖像大小,我通過css定位校正圖像的位置,向右或向左。所以圖像留在窗口/屏幕的內部大小內。所以它應該保持在第一行的位置,在右邊。但是會發生什麼情況是圖像會跳到左邊的下一行(您會看到圖像閃爍,因爲有隱藏圖像的onmouseout事件)。我問如何在下一行停止跳轉,並忽略css規則的相對位置。我讓父母的潛水範圍很廣,以確保圖像有足夠的空間。
編輯: 我從螢火蟲的CSS debuger這些圖片向您展示的樣式:
圖像2相同的鏈接,但「viu1319790616v.jpg 「 和圖像3相同的鏈接,但」bwy1319790927w.jpg「
喜@Joe上。我在JS調試中是一個零,但只是想知道:你需要你的畫廊做什麼?放大時放大?如果你找不到解決方案,那麼有很多畫廊使用同一個庫。 – Yisela
@utopicam:我沒有說它是畫廊!我不看圖像庫。這是給予特定情況的圖像查看器。給予圖像瀏覽器快速忽略圖像,而不點擊它們。點擊操作是爲不同目的而預先定義的,然後查看圖像。我認爲這更多的是CSS和JS。 – Joe