Создание функции для разных значений в HTML

-1

Я занимаюсь курсом веб-разработки, и теперь мне нужно реализовать скрипт на моей веб-странице с помощью JavaScript. Я нашел сценарий, который я хотел бы использовать здесь:Создание функции для разных значений в HTML

http://www.java-scripts.net/javascripts/Automatically-Changing-Slide-Show-Script.phtml

В основном, это меняет изображения автоматически.

<head> 
<script> 

/* 
JavaScript Image slideshow: 
By Website Abstraction (www.wsabstract.com) 
and Java-scripts.net (www.java-scripts.net) 
*/ 

var slideimages=new Array() 
var slidelinks=new Array() 

function slideShowImages(){ 
    for (i=0;i<slideShowImages.arguments.length;i++){ 
    slideImages[i]=new Image(); 
    slideImages[i].src=slideShowImages.arguments[i]; 
    } 
} 

function goToShow(whichLink){ 
    if (!window.winslide||winslide.closed){ 
    winslide=window.open(slideLinks[whichLink]) 
    }else{ 
    winslide.location=slideLinks[whichLink] 
    winslide.focus() 
    } 
} 
</script> 
</head> 

<body> 
<!-- For reference, my actual code is 
    <a href="stagingandevents.html"/> 
     <img src="pics/main/stagingandevents.jpg" alt="Staging and Events" 
     name = "slide" width="300px" height="312"/> 
    </a> 
--> 

<!-- Basically, I want two of the following image rotatations, but each 
    link with different images. --> 
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide"> 
</a> 

<script> 
//configure the paths of the images, plus corresponding target links 
slideshowimages("img1.gif", "img2.gif", "img3.gif") 

//configure the speed of the slideshow, in miliseconds 
var slideshowspeed=2000 
var whichlink=0 
var whichimage=0 

function slideIt(){ 
    if (!document.images){ 
    return 
    } 
document.images.slide.src=slideimages[whichimage].src 
whichlink=whichimage 

    if (whichImage<slideImages.length-1) { 
    whichImage++; 
    } else { 
     whichImage=0; 
    } setTimeout("slideIt()",slideShowSpeed); 

    } 
    slideIt(); 
</script> 
</body>

Код, указанный в ссылке, очень старый и устаревший, поэтому я немного его обновил. Функция slideShowImages() - это то место, где хранятся нужные изображения, но я не знаю, как изменить эти значения для каждой ссылки!

Я пробовал несколько разных вещей, чтобы каждая ссылка имела собственный набор вращающихся изображений. Поскольку я новичок в Javascript и HTML, я действительно не знаю, как это сделать.

источник

2016-08-19 Marty

код для изменения изображения и ссылки здесь

slideshowimages("img1.gif", "img2.gif", "img3.gif") 
slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")

Вам просто нужно вставить свои собственные изображения и ссылки на эти фотографии.

slideshowimages("images/myFirstImage.gif", "images/mySecondImage.gif", "images/myThirdImage.gif") 
slideshowlinks("http://myfirstimagelink.com", "http://mysecondimagelink.com", "http://mythirdimagelink.net")

источник

2016-08-19 03:11:06

Я понимаю, как установить изображения в slideshowimages («img1.gif», «img2.gif», «img3.gif»), что я не знаю, как сделать, это сделать так, мой первый ссылка имеет эти 3 изображения, а моя вторая ссылка имеет другой набор, такой как slideshowimages («img4.gif», «img5.gif», «img6.gif») – Marty

Первая позиция в каждой функции относится друг к другу, поэтому просто дублируйте URL-адрес 3 раз в slideshowlinks() для img1, 2 и 3, а затем снова для 4, 5 и 6. –

Создание функции для разных значений в HTML

ответ

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