Hyperlink in js script inside HTML

Question

I'm a super noob and am trying to get the images in this slideshow to link to URLs.

I realize I should have created separate js and html files and I will do that but just want to see if it is possible like this.

THANK YOU!!!

<!doctype html>
<html>
<head>

<script type="text/javascript">
    var image=new Image()
    image[0]=new Image()
    image[0].src= "hello1.jpg" 
    image[1]=new Image()
    image[1].src="hello2.jpg"
    image[2]=new Image()
    image[2].src="hello4.jpg"
    image[3]=new Image()
    image[3].src="hello3.jpg"
    image[4]=new Image()
    image[4].src="hello5.jpg"
</script>

</head>

<body>

    <img  id="slide" width=1140 height=521 alt="image" />

    <script type="text/javascript">
        var step = 0
        function slideit(){
            if (!document.images)
                return

            document.getElementById('slide').src = image[step].src

            if (step<4)
                step++
            else
                step = 0

            setTimeout("slideit()",5500)
        }
        slideit()
    </script>

</body>
</html>

so when u click on an image , it should open a link ? or do u want to get images from a website? — m0bi5
– m0bi5, Commented Feb 12, 2015 at 5:23
Image should be an array the way you are referencing above when first initializing image it should be var image = []; — Asheliahut
– Asheliahut, Commented Feb 12, 2015 at 5:26

Yash Thakur · Accepted Answer · 2015-02-12 05:25:26Z

1

Give the img tag a <a href> attribute and make an array of links and when the image changes also change the href link.

answered Feb 12, 2015 at 5:25

Yash Thakur

1,2018 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

radiaph · Accepted Answer · 2015-02-12 05:40:42Z

0

  ...
<body>

    <a id="slideLink"><img id="slide" width=1140 height=521 alt="image" /></a>

<script type="text/javascript">
    var step = 0
    function slideit(){
        if (!document.images)
            return

        document.getElementById('slideLink').href = document.getElementById('slide').src = image[step].src;
...

answered Feb 12, 2015 at 5:40

radiaph

4,1811 gold badge18 silver badges20 bronze badges

Comments

JohnPhoenix · Accepted Answer · 2015-02-12 05:48:27Z

0

Simply put, from the code above, the browser doesn't know you want to click on the image, there are many ways to accomplish this, but by far the easiest, is to wrap each image tag, in a tag and the passing a URL to the href attribute of the a tag. Like so... http://www.somewhere.com'>

answered Feb 12, 2015 at 5:48

JohnPhoenix

1

Collectives™ on Stack Overflow

Hyperlink in js script inside HTML

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related