Iguanatje
Legacy Member
Hoi,
ik heb een scriptje gevonden uit een oude topic om random images te tonen bij het refreshen van de webpage. Maar het wilt maar niet lukken.
kan iemand me hierbij assisteren aub?
testlink: http://www.truevision.be/pixaria/showcase.html
Ook heb ik al gezocht naar een systeem waarbij je foto's in een mapje dropt zonder de code te moeten wijzigen (manueel jpg's toevoegen.). Maar dat lukte me ook niet.
head
____
<script type="text/javascript">
<!--
var imglist = new Array ("pict1.jpg","pict2.jpg", "pict3.jpg");
var imglistlen = imglist.length;
var imgpath = "http://www.thinksmartconsultancy.com/P/PHOTOFINDER/resources/themes/Photofinder-ThinkSmart1/images/rotate/";
function preload() {
var tmpsrc;
for (var i = 0; i < imglistlen; i++) {
tmpsrc = imglist;
imglist = new Image();
imglist.src = imgpath + tmpsrc;
}
}
var alreadyshown = new Array();
function in_array(val,list) {
for (var i = 0; i < list.length; i++) {
if (list == val) {
return true;
}
}
return false;
}
function randimg() {
var randvalue = Math.ceil(Math.random()*imglistlen);
while (in_array(randvalue,alreadyshown)) {
randvalue = Math.floor(Math.random()*imglistlen);
}
alreadyshown.push(randvalue);
return randvalue;
}
function show
{
var imgcontainer = document.getElementById("imgcontainer");
var imgObj;
for (var i = 0; i < n; i++) {
imgObj = document.createElement("IMG");
with (imgObj) {
src = imglist[randimg()].src;
style.width = "65px";
style.height = "100px";
}
imgcontainer.appendChild(imgObj);
}
}
function init() {
preload();
show(3);
}
body
____
<div id="imgcontainer"></div>
mvg,
Jan
ik heb een scriptje gevonden uit een oude topic om random images te tonen bij het refreshen van de webpage. Maar het wilt maar niet lukken.
kan iemand me hierbij assisteren aub?
testlink: http://www.truevision.be/pixaria/showcase.html
Ook heb ik al gezocht naar een systeem waarbij je foto's in een mapje dropt zonder de code te moeten wijzigen (manueel jpg's toevoegen.). Maar dat lukte me ook niet.
head
____
<script type="text/javascript">
<!--
var imglist = new Array ("pict1.jpg","pict2.jpg", "pict3.jpg");
var imglistlen = imglist.length;
var imgpath = "http://www.thinksmartconsultancy.com/P/PHOTOFINDER/resources/themes/Photofinder-ThinkSmart1/images/rotate/";
function preload() {
var tmpsrc;
for (var i = 0; i < imglistlen; i++) {
tmpsrc = imglist;
imglist = new Image();
imglist.src = imgpath + tmpsrc;
}
}
var alreadyshown = new Array();
function in_array(val,list) {
for (var i = 0; i < list.length; i++) {
if (list == val) {
return true;
}
}
return false;
}
function randimg() {
var randvalue = Math.ceil(Math.random()*imglistlen);
while (in_array(randvalue,alreadyshown)) {
randvalue = Math.floor(Math.random()*imglistlen);
}
alreadyshown.push(randvalue);
return randvalue;
}
function show
{var imgcontainer = document.getElementById("imgcontainer");
var imgObj;
for (var i = 0; i < n; i++) {
imgObj = document.createElement("IMG");
with (imgObj) {
src = imglist[randimg()].src;
style.width = "65px";
style.height = "100px";
}
imgcontainer.appendChild(imgObj);
}
}
function init() {
preload();
show(3);
}
body
____
<div id="imgcontainer"></div>
mvg,
Jan
