1

At the moment I'm working with Elementor on Wordpress. What I'd like to do is have one of "modules" in Elementor filled with random images that also have each a different link to some page. I looked for a random image widget but those I found didn't provide a function to define a different link for each randomized image. So I decided to use the html widget on Elementor to use my own code. I'm not super skilled at this. So I have a code, the randomizing is working, so are the links but I don't know how to define a max. width for the images because they just fill the whole page with this code. My english isn't very good I hope someone might be able to help me and where to put something in the code to define the images size?

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
  var imageUrls = [
       "IMAGE1“ 
     , "IMAGE2“
     , "IMAGE3“
  ];
 var imageLinks = [
       "LINK1“
      , "LINK2“
       , "LINK3“ 
  ];

  function getImageHtmlCode() {
    var dataIndex = Math.floor(Math.random() * imageUrls.length);
    var img = '<a href=\"' + imageLinks[dataIndex] + '"><img src="';        
    img += imageUrls[dataIndex];
    img += '\" alt=\"\"/></a>';
    return img;
  }
  

</script>
</head>
<script type="text/javascript">
  document.write(getImageHtmlCode());
</script>
</body>
Improve this question
Related questions
0
Choose random image for every image Javascript
0
How do I declare an img width and height if my images are random?
0
Random image generation in Javascript
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.