html / javascript: использование переменной в качестве URL для <a href> - PullRequest
1 голос
/ 05 декабря 2010

Я разработал HTML-страницу с небольшим количеством JavaScript.У меня есть несколько тегов, и после нажатия на ссылку одному из них динамически присваивается фоновое изображение.Этот URL-адрес хранится в глобальной переменной.Пока все хорошо.

var picture,thumb

function changeDivs(p)
{
     if (p!='') {
        picture = './images/p'+p+'.jpg'; // global url variable
        thumb = './thumbs/p'+p+'.jpg'; // global url variable
        var pic = "url("+thumb+")";
        document.getElementById("poster").style.backgroundImage = pic;
        }
}

Я вызываю функцию следующим образом:

<a href="javascript:changeDivs('2')">Link</a>

Теперь я хочу использовать скрипт thumbnailviewer, к которому нужно обращаться следующим образом:

<a href="javascript: global variable" rel="thumbnail"> <!-- Of course this "javascript: global variable" should be a valid url: the stored 'picture' variable -->
        <div id="poster"> 
        </div>
    </a>

Итак, я сохранил URL-адрес в переменной: picture

Как я могу получить доступ к скрипту thumbnailviewer через <a href> И использовать переменную.Я не знаю, можно ли вызвать скрипт миниатюры с помощью функции или как.

Большое спасибо!

1 Ответ

1 голос
/ 05 декабря 2010

Я думаю, это то, что вы пытаетесь достичь. Вот это jsfiddle .
При нажатии '<a href>' изображение становится фоном "<div id='poster'>"

Я заменил URL вашего фото на существующий URL-адрес миниатюры. Убедитесь, что URL-адрес вашей картинки и переменной thumb существует. Кроме того, я устанавливаю ширину и высоту div вашего плаката.

Чтобы работать с thumbnailviewer, попробуйте новую ссылку jsfiddle, пожалуйста. К вашему сведению, dynamicdrive заблокировал jsfiddle доступ к файлам js. Пожалуйста, попробуйте код в вашем собственном проекте.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...