2013-09-25 1 views
0

Я пытаюсь отделить всплывающее окно highslide от обработчика onclick для моей страницы wordpress из-за ограничений в моем редакторе блога, включая javascript с изображениями.Highslide overlay не открывается правильно, если не вызван из обработчика onclick

Я нашел, если я включил hs.expand в обработчик onclick для любого изображения на странице, на котором он работает, но если нет хотя бы одного изображения, оно отображается в верхнем углу без всплывающего окна.

Это мой код вызова

<a class="highslide" title="View 'View from Karasawa Hut' on Flickr.com" href="http://www.flickr.com/photos/colinc/6092830822" > 

<img style="float: left;" 
onclick="return show_my_pic(this,'http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg','View from Karasawa Hut')" 
id="img1" alt="View from Karasawa Hut" src="http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg" 
width="500" height="333" border="0" /> 
</a> 

и это функция

<script> 
function show_my_pic (thePic,theSrc,theTitle) { 
    return hs.expand(thePic, {src : theSrc}); 
} 
</script> 

дисплей Если я включаю другую ссылку, такие как

<a title="View 'View from Karasawa Hut' on Flickr.com" 
href="http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg" 
onclick="return hs.expand(this)"> 

test 

</a> 

на странице где-то первая ссылка работает, если я этого не делаю.

Действительно странная часть, если я удаляю обработчик onclick во второй ссылке, тогда первая перестает работать.

Отступая через высокоуровневый javascript, инициатор, похоже, стреляет, и координаты создаются, он просто не отображается должным образом. Я потратил много часов на это без успеха и полюбил бы некоторые идеи?

Colin

ответ

0

Highslider потребует, чтобы страница была загружена первая. Кроме того, вы должны передать ему полностью загруженный элемент изображения

function init(){ 
    var img = document.getElementById('img1'); 
    show_my_pic(img, 'http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg','View from Karasawa Hut'); 
} 

... 

<body onload="init()"> 

 Смежные вопросы

  • Нет связанных вопросов^_^