Превращение изображений в изображении в виде интерактивной ссылки

#javascript #arrays #image

#javascript #массивы #изображение

Вопрос:

Я не профессионал в Javascript и его работах, поэтому я просто использую скрипты, которые нахожу в Интернете. А что касается этого кода непрерывной катушки с изображением, я нашел его здесь .

Дело в том, что я хотел бы добавить ссылки на изображения.

 <script type="text/javascript">

var firstreel=new reelslideshow({
    wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
    dimensions: [800, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["https://dl.dropbox.com/s/f7lt5o64j20143z/Reel-Welcome.png"], //["image_path", "optional_link", "optional_target"]
        ["https://dl.dropbox.com/s/v98on8f0qi6re57/Reel-Secret.png", "suppose i put my desired url here", "_new"]
        //<--no trailing comma after very last image element!
    ],
    displaymode: {type:'auto', pause:5000, cycles:0, pauseonmouseover:true},
    orientation: "h", //Valid values: "h" or "v"
    persist: false, //remember last viewed slide and recall within same session?
    slideduration: 400 //transition duration (milliseconds)
})
</script>

Я попробовал со второй картинкой, и когда я щелкаю по ней правой кнопкой мыши, можно увидеть опции, включая «Открыть ссылку в новой вкладке». Однако я хочу, чтобы ссылка направлялась по ссылке, как только я просто нажимаю на картинку.

Я также пытался обернуть URL-адрес изображения <a> тегом, но, конечно, это не сработало (должно быть, сейчас это звучит действительно смешно и идиотски, извините, но я на самом деле не знаю, что я делаю).

Возможно ли это? Заранее благодарю вас! 🙂

РЕДАКТИРОВАТЬ: вот предварительный просмотр, чтобы показать вам, о чем я говорю. http://scarlethowl.blogspot.com /

1. Значит, нажатие на ссылку не работает?? Или вы хотите перейти по URL-адресу на той же вкладке?

2. Ничего не происходит, когда я нажимаю на картинку. Я хочу, чтобы изображение было ссылкой на изображение и открывалось на той же вкладке.

3. Для меня это работает нормально. jsfiddle.net/TSb3z . Я просто заменил ваш _new на _self , чтобы он открывался на той же вкладке.

4. Он отлично работает в JSfiddle.. Я думал, что это то, что нужно, но когда я попробовал это на реальном сайте, это не сработало:(

5. Вы получили какие-либо ошибки? Вы включили jQuery?

Ответ №1:

Добро пожаловать в Stack Overflow… Ваш вопрос неясен…вы пытаетесь перейти по URL-адресу при нажатии на изображение? давайте предположим, что изображение: 1.jpg ссылка такова : www.google.com код выглядит примерно так:

 <a href="http://www.google.com"><img src="1.jpg"></a>