как работает оnClick
Ангебот eBay на имеет маленькую, всего на две картинки, галерею. Не понял как там реализована смена картинки по клику. Сможет кто понять?
http://www.ebay.de/itm/Giesswein-ALLING-Hausschuhe-mit-cra...
Да что-то я яваскрипта не увидел, у меня Firebug тоже слетел
Поясню: Использование яваскриптов продавцом, с недавних пор запрещено, и они стали резать все что с ним связанно. A тут смотрю, работает и работает в пользовательском фрейме. Я и не пойму как это..
Фиг его знает, там в теле документа шо в хидере, шо в самой вёрстке, куча ссылок и скриптовых вставок, не ток связанных с ебей, но и ведущих на другие сайты, шо на быструю разглядел. Возможно пользователь данной страницы нашёл как обхитрить ебей, но вот надолго ли такое будет, если запрещено, это другой вопрос...
Если те надо такой переключатель, то порой в сети, есть вариант реализации этого на css3, без каких либо скриптов, видал где то с год назад такую галерею. Но тут правда совсем старые браузеры будут в пролёте.
В хидере, родные ебаесие, да, есть, кто же их запретит.. Но тут рабочий онклик в фрейме продвца..
Подхожего onClick-а на СSS я не нашел. есть реализация :activ , но это не то, При :activ все врзвращается на свои места при отпускании кнопки.
Возможно, что это какая-то ебаевская родная фишка. Но не знаю... надо посмотреть
Подхожего onClick-а на СSS я не нашел. есть реализация :activ , но это не то, При :activ все врзвращается на свои места при отпускании кнопки.
Видать плохо искал, есть такие, что не возвращают назад.
Попробуй тогда поискать css3 табы, на них можно будет это сделать, табы в низ с миниатюрами, а в контент изображения.
Ну и глянь здесь, если не ошибаюсь, то тут тоже есть подобное, или даже тут и видал, не помню уже, у меня в закладках уже туева куча ссылок, если и откладывал тогда, то теперь полдня потеряю что бы найти...
Работает простым переключением свойства display с block на none и наоборот.
.nmb-gal {
display: none;
}
.nmb-gals-target span[id^='gal']:target ~ :nth-of-type(1).nmb-gal {
display: none !important;
}
.nmb-gals-target span[id='gal1']:target ~ :nth-of-type(1).nmb-gal {
display: block !important;
}
.nmb-gals-target span[id^='gal']:not(:target) ~ :nth-of-type(1).nmb-gal, .nmb-gals-target span:nth-of-type(1):target ~ :nth-of-type(1).nmb-gal,
.nmb-gals-target span:nth-of-type(2):target ~ :nth-of-type(2).nmb-gal, .nmb-gals-target span:nth-of-type(3):target ~ :nth-of-type(3).nmb-gal,
.nmb-gals-target span:nth-of-type(4):target ~ :nth-of-type(4).nmb-gal, .nmb-gals-target span:nth-of-type(5):target ~ :nth-of-type(5).nmb-gal,
.nmb-gals-target span:nth-of-type(6):target ~ :nth-of-type(6).nmb-gal, .nmb-gals-target span:nth-of-type(7):target ~ :nth-of-type(7).nmb-gal,
.nmb-gals-target span:nth-of-type(8):target ~ :nth-of-type(8).nmb-gal, .nmb-gals-target span:nth-of-type(9):target ~ :nth-of-type(9).nmb-gal,
.nmb-gals-target span:nth-of-type(10):target ~ :nth-of-type(10).nmb-gal, .nmb-gals-target span:nth-of-type(11):target ~ :nth-of-type(11).nmb-gal,
.nmb-gals-target span:nth-of-type(12):target ~ :nth-of-type(12).nmb-gal {
display: block;
}