VPF::Самописная галерея - Форум программистов

ThunderJeka

Дата 17.3.2010, 21:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 31
Регистрация: 3.1.2010
Где: Санкт-Петербург

Репутация: нет
Всего: нет

День добрый, я совсем недавно в WEB программировании. Ситуация такая:
Горизонтально в ряд 3 картинки и две ссылки нажатия на которые вызывают скрипт обновляющий эти картинки, типа влево в право.

Код


<table border = "0">
            <tr height = "160">
            <td width = "210">
            <a id = "a1" title = "Щелкните для просмотра увеличенного изображения" href="javascript:void(0);" onclick="return OpenImagePopup('img/v13/0_b.jpg');">
                <img id = "img1" src = "img/v13/0.jpg" height = "150" width = "206" border = "0"
                onmouseover = "this.style.borderWidth='2';this.style.borderColor='#FF0000'" 
                onmouseout = "this.style.borderWidth='0';"
                >
            </a>
            </td>
            <td width = "210">
            <a id = "a2"  title = "Щелкните для просмотра увеличенного изображения" href="javascript:void(0);" onclick="return OpenImagePopup('img/v13/1_b.jpg');">
                <img id = "img2" src = "img/v13/1.jpg" height = "150" width = "206" border = "0"
                onmouseover = "this.style.borderWidth='2';this.style.borderColor='#FF0000'" 
                onmouseout = "this.style.borderWidth='0';"
                >
            </a>
            </td>
            <td width = "210">
            <a id = "a3"  title = "Щелкните для просмотра увеличенного изображения" href="javascript:void(0);" onclick="return OpenImagePopup('img/v13/2_b.jpg');">
                <img id = "img3" src = "img/v13/2.jpg" height = "150" width = "206" border = "0"
                onmouseover = "this.style.borderWidth='2';this.style.borderColor='#FF0000'" 
                onmouseout = "this.style.borderWidth='0';"
                >
            </a>
            </td>
            </tr>
            <tr align = "center">
                <td colspan ="3">
                <a href = "javascript:void(0);" onclick = "return Prev();">
                    <img src = "pic/prev.png" border = "0">
                </a>
                
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                
                <a href = "javascript:void(0);" onclick = "return Next();">
                    <img src = "pic/next.png" border = "0">
                </a>
                </td>
            </tr>
            </table>

Код


function Next()
    {
        i++        
        document.getElementById('img4').src = 'img/sh28/'+ (i%8) + '.jpg'
        document.getElementById('a4').onclick = function()
        {
            OpenImagePopup('img/sh28/'+ (i%8) +'_b.jpg');
        }
        
        document.getElementById('img5').src = 'img/sh28/' + ((i+1)%8) + '.jpg'
        document.getElementById('a5').onclick = function()
        {
            OpenImagePopup('img/sh28/'+ ((i+1)%8) +'_b.jpg');
        }
        
        document.getElementById('img6').src = 'img/sh28/' + ((i+2)%8) + '.jpg'
        document.getElementById('a6').onclick = function()
        {
            OpenImagePopup('img/sh28/'+ ((i+2)%8) +'_b.jpg');
        }
    }

Сложилась такая ситуация что в ИЕ6 картинки не меняеются, а просто исчезают, в других браузерах все работает нормально. Обработчики событий обновляются нормально.

12345c

Дата 18.3.2010, 17:40 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101

Нет определения OpenImagePopup().

(Если поможет эта догадка и если там html через ajax передаётся, то отличие ie6 от других в том, что он кеширует одинаковые URL. Надо приписать фиктивный меняющийся параметр к URL в ajax-запрос.)

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

ThunderJeka

Дата 18.3.2010, 18:49 (ссылка)

(нет голосов)

Загрузка ...

OpenImage Popup есть я его специально не приводил так как он тут не причем, он отлично работает, проблему решил:

Было:

Код


<a href = "javascript:void(0);" onclick = "return Next();">
                    <img src = "pic/next.png" border = "0">
                </a>

стало

Код


<a href = "javascript:Next();">
                    <img src = "pic/next.png" border = "0">
                </a>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »