Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: LightBox и map вместо image
 
 автор: elenaki   (21.02.2007 в 17:38)   письмо автору
 
 

прикрутила к одному сайту (чистый HTML) скрипт показа больших фоток по клику на превьюшке. когда это обычные картинки (<img ...>), все работает и в IE и в FF. но на двух-трех страницах у меня будут карты (<map> и <area>). хотелось бы, чтоб по клику на них тоже красиво открывались большие фотки.

в IE скрипт работает, если тэг <area> с содержимым обрамить тэгом <a > с атрибутом rel="lightbox[roadtrip]", как того требует LightBox с prototype'ом. может, это и неправильно. но в FF и эта фигня не работает. открывает новую белую страницу с большой фоткой, а не в слое поверх старой рисует...


пример по ссылке

   
 
 автор: AlexSol   (21.02.2007 в 18:57)   письмо автору
 
   для: elenaki   (21.02.2007 в 17:38)
 

напишите создателям LightBox.

вот у меня было выдвигаюшееся меня на js , так оно с LightBox вообще не дружило - каим-то образом код из .js файла появлялся как пункт меню (именно код).

   
 
 автор: elenaki   (23.02.2007 в 21:38)   письмо автору
 
   для: AlexSol   (21.02.2007 в 18:57)
 

я решила проблему - в файл lightbox в конструктор функции добавила несколько строк, чтобы он понимал не только тэги a, но и area... наверно, так и на другие тэги можно переориентировать его. мне главное, что теперь он и по клику на имидж-карте красиво открывает большие фотки. спасибо форуму... :)


var anchors2 = document.getElementsByTagName('area');

for (var i=0; i<anchors2.length; i++){
var anchor2 = anchors2[i];
var relAttribute2 = String(anchor2.getAttribute('rel'));
            
// use the string.match() method to catch 'lightbox' references in the rel attribute
      if (anchor2.getAttribute('href') && (relAttribute2.toLowerCase().match('lightbox'))){
    anchor2.onclick = function () {myLightbox.start(this); return false;}
     }
}

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования