Случайное фоновое изображение с соответствующей ссылкой на атрибуцию?

У меня есть страница, которая отображает случайное фоновое изображение из массива из 5 изображений. Я хочу также иметь соответствующую ссылку атрибуции для этого изображения в нижней части страницы, но я не уверен, как это сделать с помощью javascript или php. Это то, что я сейчас:Случайное фоновое изображение с соответствующей ссылкой на атрибуцию?

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script> 

<script type="text/javascript"> 
var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg']; 
$('body').css({'background-image': 'url(/sites/default/files/images/' + images[Math.floor(Math.random() * images.length)] + ')'}); 
</script>

это загружает фоновое изображение просто отлично, но есть способ, чтобы добавить элемент ссылки к каждому изображению в массиве и отображать ссылку где-то на этой странице?

источник

2015-02-24 5AM

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

    <!-- javascript/jQuery --> 
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
</head> 
<body> 

<a id ="link" href="#"></a> 

<script type="text/javascript"> 
    var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg']; 
    var links = ['home.html', 'contact.html', 'about.html', 'product.html', 'gallery.html']; 
    var text = ['home', 'contact', 'about', 'product', 'gallery']; 
    var rand = Math.floor(Math.random() * images.length); 

    $('body').css({'background-image': 'url(/sites/default/files/images/' + images[rand] + ')'}); 
    $('#link').attr('href', links[rand]); 
    $('#link').html(text[rand]); 
</script> 

</body> 
</html>

источник

2015-02-24 05:56:25

Спасибо, что именно так я и искал! – 5AM

Прохладный !!! Я рад, что это помогает! –

Случайное фоновое изображение с соответствующей ссылкой на атрибуцию?

ответ

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