PDA

View Full Version : نمایش تصادفی عکس در DIV


parisa_joooon
جمعه 24 شهریور 1391, 17:29 عصر
کد نمایش random عکس تو دایو و می خواستم
meisam12
جمعه 24 شهریور 1391, 19:31 عصر
(function() {
var urls = ['1', '2', '3', '4'];
function swap() {
document.getElementById('theImage').setAttribute(' src', urls[Math.round(Math.random() * urls.length)] + '.jpg');
}

// Mozilla, Opera and webkit nightlies currently support this event
if ( document.addEventListener ) {
window.addEventListener( 'load', swap, false );
// If IE event model is used
} else if ( document.attachEvent ) {
window.attachEvent( 'onload', swap );
}
})();
parisa_joooon
جمعه 24 شهریور 1391, 22:32 عصر
میشه یه مثال بزنید
Saber Mogaddas
شنبه 25 شهریور 1391, 10:11 صبح
سلام
برای مثال تصاویر داخل دیو ها با کلاس image زیر رو در نظر بگیرید..


<div class="Image"><img src="/image1.jpg"></div>
<div class="Image"><img src="/image2.jpg"></div>
<div class="Image"><img src="/image3.jpg"></div>
<div class="Image"><img src="/image4.jpg"></div>

دوست عزیزمون روشی رو توسط java script گفتند منم روشی رو توسط jquery مثال می زنم با توجه به کد html تصویرهامون رو به این صورت توسط یک حلقه تو هر بار بارگزاری تصویر به صورت random تغییر پیدا خواهد کرد:

$(document).ready(function() {
$(".Image").hide();

var elements = $(".Image");
var elementCount = elements.size();
var elementsToShow = 4;
var alreadyChoosen = ",";
var i = 0;
while (i < elementsToShow) {
var rand = Math.floor(Math.random() * elementCount);
if (alreadyChoosen.indexOf("," + rand + ",") < 0) {
alreadyChoosen += rand + ",";
elements.eq(rand).show();
++i;
}
}
});

دموی همین مثال (http://jsfiddle.net/Yn2pn/1/)
این تاپیک رو به بخش jquery انتقال میدم تا دوستان نیز نظرات خودشون رو مربوط به سوالتون بیان کنند..

موفق باشید..
parisa_joooon
یک شنبه 26 شهریور 1391, 23:17 عصر
ببخشید فکر کنم منظورم و متوجه نشدید
من می خواهم با هر refresh صفحه یک عکس در دایو به شکل تصادفی نمایش داده باشه
Variable
دوشنبه 27 شهریور 1391, 01:54 صبح
شما اگه n تا عکس دارید. کافیه فقط یک عدد تصادفی تولید کنید که بین 0 تا n باشه
و بعد عکسی که مطابق با اون عدد هست نمایش بدید.
parisa_joooon
دوشنبه 27 شهریور 1391, 11:11 صبح
خب اینکه مشکل منو حل نمیکنه
کدش و در قالب یک مثال بدید
Variable
دوشنبه 27 شهریور 1391, 17:19 عصر
<html>
<head>
<title></title>
<style type="text/css">
.hide{
visibility: hidden;
}
.view{
position: absolute;
visibility: visible;
left:100px;
top:50px;
border:4px solid red;
}
</style>
</head>
<body>
<div>
<img class="hide" src="1.jpg">
<img class="hide" src="2.jpg">
<img class="hide" src="3.jpg">
<img class="hide" src="4.jpg">
<img class="hide" src="5.jpg">
</div>
<script type="text/javascript">
(function(){

var listPic=document.getElementsByTagName('img'),
len=listPic.length,
rnd=parseInt(Math.random()*len);

//listPic[rnd].style.visibility='visible';
listPic[rnd].className='view';

})();
</script>
</body>
</html>
parisa_joooon
پنج شنبه 30 شهریور 1391, 16:58 عصر
تو دات نت کار نمیکنه