testata del sito con immagine random

[scareface]

ciao a tutti,

avete idea come si puo' fare che nella testata del sito appaia un immagine random?
la testata e' costituita da un immagine che contiene delle aree sensibili (tag <map href=" " shape=" " coords=" "> ).

avete qualche altra idea se il tag <map > e' incompatibile con l'immagine random?!


grazie,


ciao

scare

[ricman]

Originariamente inviato da scareface
avete qualche altra idea se il tag <map > e' incompatibile con l'immagine random?!

Sono due cose separate... Le aree sensibili restaranno lì dove le hai messe anche se gli cambia la foto sotto...

[scareface]

Originariamente inviato da ricman
Sono due cose separate... Le aree sensibili restaranno lì dove le hai messe anche se gli cambia la foto sotto...

grazie ma e' proprio quello il problema:
se uso il tag <map>
il codice che corrisponde al immagine e' tipo cosi'

<map name="FPMap0">
<area href="link1" shape="rect" coords="46, 81, 158, 102">
<area href="link2" shape="rect" coords="205, 138, 317, 160">
</map>
[img]header9.png[/img]

ho provato a mettere al posto del del tag <img> uno script per immagini random ma mi scombina tutta la pagina..

forse dovrei provarci con qualcosa tipo questo:
[img].../rotate.php[/img]

codice

<?php
/*
By Matt Mullenweg > http://photomatt.net
Inspired by Dan Benjamin > http://hiveware.com/imagerotator.php
Latest version always at:
http://photomatt.net/scripts/randomimage
*/// Make this the relative path to the images, like "../img" or "random/images/".
// If the images are in the same directory, leave it blank.
$folder = '';

// Space seperated list of extensions, you probably won't have to change this.
$exts = 'jpg jpeg png gif';

$files = array(); $i = -1; // Initialize some variables
if ('' == $folder) $folder = './';

$handle = opendir($folder);
$exts = explode(' ', $exts);
while (false !== ($file = readdir($handle))) {
foreach($exts as $ext) { // for each extension check the extension
if (preg_match('/\.'.$ext.'$/i', $file, $test)) { // faster than ereg, case insensitive
$files[] = $file; // it’s good
++$i;
}
}
}
closedir($handle); // We’re not using it anymore
mt_srand((double)microtime()*1000000); // seed for PHP < 4.2
$rand = mt_rand(0, $i); // $i was incremented as we went along

header('Location: '.$folder.$files[$rand]); // Voila!
?>

http://ma.tt/scripts/randomimage/

ma non ho capito bene come realizzare una cosa del genere..

grazie,

ciao

[ricman]

Originariamente inviato da scareface
<map name="FPMap0">
<area href="link1" shape="rect" coords="46, 81, 158, 102">
<area href="link2" shape="rect" coords="205, 138, 317, 160">
</map>
[img]header9.png[/img]

Non ho capito perchè ti si scombina la pagina.
Le tue foto header1 header2 header3 etc... avranno tutte le stesse dimensioni (le DEVONO avere)... quindi se quel png è il num. 1 o il 2 non gliene frega niente a nessuno.

A meno che... tu non voglia avere anche una il cambio delle aree sensibili (tipo: fare un rettangolo sul sedere di una modella in piedi ...poi dovrà avere un'altra posizione se la modella è sdraiata...)

Con il php lo fai tranquillamente e per siti semplici puoi anche usare un paio di righe di codice anzichè tutto quel casino (cmq se ti funziona tienilo..)...

Fammi sapere

[ricman]

Originariamente inviato da ricman
Con il php lo fai tranquillamente

...cmq pensavo che forse puoi fare qualcosa in javascript cos' non sei costretto a ricaricare la pagina ogni volta che vuoi far partire la slide...

Dipende dalle tue esigenze

[scareface]

Non ho capito perchè ti si scombina la pagina.

il problema della formattazione l'ho risolto avevo fatto casino io con le tabelle


usavo questo script qui (da modificare opportunamente)

<script language="JavaScript">
<!--


function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]=" "
myimages[2]=" "
myimages[3]=" "
myimages[4]=" "
myimages[5]=" "

//specify corresponding links below
var imagelinks=new Array()
imagelinks[1]=" "
imagelinks[2]=" "
imagelinks[3]=" "
imagelinks[4]=" "
imagelinks[5]=" "

var ry=Math.floor(Math.random()*myimages.length)

if (ry==0)
ry=1
document.write('[img]'+myimages[ry]+'[/img]')
}

random_imglink()
//-->
</script>

il problema e' che non so dove andare a mettere il parametro usemap="#FPMap0", parametro che collega l'immagine alle aree sensibili
qualsiasi punto dello script in cui l'ho provato ad inserire mi causa un errore nel esecuzione dello script con il risultato che non funziona...



sto provando con quest'altro script :

<head>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = 'header1.jpg'
theImages[1] = 'header2.jpg'
theImages[2] = 'header3.jpg'
theImages[3] = 'header4.jpg'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('[img]'+theImages[whichImage]+'[/img]');
}

// End -->
</script>

</head>


<body>

<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
showImage();
// End -->
</script>

</body>

anche qui, in maniera analoga al caso precedente non so dove andare a posizionare il parametro usemap="#FPMap0" in maniera che funzioni correttamente..


se solo riuscissi a capire come fare il discorso in php penso che sarebbe molto piu' semplice, in questa maniera qui dovrebbe funzionare:
[img].../rotate.php[/img]

soltanto che non riesco a capire come si realizza la pagina rotate.php

Dipende dalle tue esigenze

la mia esigenza e' quella di avere un immagine random (che viene pescata dalla cartella dove sono presenti tutte le immagini del header) ogni volta che viene ricaricata la pagina...


ancora grazie mile per la disponibilita'!!

[scareface]

scusate se riporto in alto la discussione, ma ho dei dubbi sul funzionamento del codice che ho usato, in particolare mi sono avvalso del codice rotate.php citato in precedenza

in teoria a ogni refresh della pagina dovrebbe caricare un'immagine diversa giusto?!

ecco non sempre questo accade, anzi la maggior parte delle volte l'immagine rimane la stessa e cambia solo dopo diversi refresh

da cosa puo' dipendere?!

qualche parametro da settare (nel codice php?)? numero delle immagini a disposizione? nome dei file?! altro?

il sito e' questo:
http://www.orsaminorepg.it/nuovo_sito/index.htm

grazie

[ricman]

Originariamente inviato da scareface
ecco non sempre questo accade, anzi la maggior parte delle volte l'immagine rimane la stessa e cambia solo dopo diversi refresh

Sono su Mac con Safari. Ho fatto 11 refresh e ho visto 10 img diverse... mi pare che funzioni di molto bene...
Non è che usi IE e hai qualche problema di cache?

[scareface]

grazie per la prova

uso firefox 3 provato su win xp e vista
e' come se di tanto in tanto si impuntasse , forse qualche incompatibilita' con qualche estensione? ..

provando con Ie 6 e 7 sembra funzionare abbastanza bene