подскажите как можно сделать смену изображений на jquery, css, php, без разницы главное чтобы работало, гуглил но всё не то находил, там либо вывод из определённой папки и нельзя на каждую картинку поставить разную ссылку, а мне надо типа такого:
<a href="http://сайт"><img src="image" /></a>
<a href="http://сайт2"><img src="image" /></a>
<a href="http://сайт3"><img src="image" /></a>
и чтобы показывало только 1 картинку, потом через секунд 10 она сама бы менялась, либо же просто менялась после обновление страницы.
<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
<div class="fotorama" data-autoplay="10000">
<img src="1.jpg">
<img src="2.jpg">
</div>
LykS,
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
t();
});
function randomNumber(m, n) {
m = parseInt(m);
n = parseInt(n);
return Math.floor( Math.random() * (n - m + 1) ) + m;
}
function t() {
var el = randomNumber(0, 2);
var img = "img/" + randomNumber(1, 9) + ".gif";
//alert(el + " -- " + img);
$("div.speed a img".eq(el).attr("src", img);
setTimeout("t()", 3000);
}
</script>
</head>
<body>
<table>
<tr>
<td>
<div class="speed">
<a href="ya.ru"><img src="img/1.gif" alt="" /></a>
<a href="ya.ru"><img src="img/2.gif" alt="" /></a>
<a href="ya.ru"><img src="img/3.gif" alt="" /></a>
</div>
</td>
</tr>
</table>
</body>
</html>
Типа так
LykS, вместо jquery.js ставь библиотеку jquery. например: https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
конечно прикольный но, в нем ссылки не работают