Printable View
ragazzi per piacere mi scrivete lo script per far si' che 2 foto vengano mostrate in successione continua nello stesso spazio della foto.
mi spiego meglio: per simulare ad esempio il movimento di una bandiera, si fanno due foto alla bandiera in due posizioni diverse e le si mostrano in successione.
spero sia chiaro, penso che e' piu' difficile da chiedere che da rispondere.
grazie e ciao!
Prova questo file:
<HTML>
<HEAD>
<TITLE>effetto onde su image in jpeg </TITLE>
<SCRIPT LANGUAGE="JavaScript">
var filterStrings = new Array();
var count = 0;
var wavable = 1;
var wavphase = 0;
var interval = 225;
var lightinterval = 100;
var lightcount = 0;
var maxStuff = 10;
var light;
var spread = 0;
var position = 0;
var chainable = 1;
function animatwav()
{
if(wavable){
wavphase = (wavphase + 10) % 100;
if(theImg.style.filter == "wave(freq=4, strength=8, phase=0, lightstrength=25, add=1, enabled=1)"){
theImg.filters[0].phase = wavphase;
}
window.setTimeout("animatwav()", 0400, "JavaScript");
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#000080">
<DIV ID=theImg style="WIDTH:100%; font-size:18pt;font-family:verdana;font-style:BLUE">
<!-- <DIV ID=theImg style="WIDTH:100%; font-size:18pt;font-family:verdana;font-style:bold"> -->
<center>
<IMG id=glbimg src="sky1.jpg"><BR><BR>
<!-- <IMG id=glbimg hspace=10 vspace=10 src="sky1.jpg"> -->
</div>
<input CLASS=clsbtn value="Vuoi qualcosa del genere? (Clicca sul Bottone)" type=button name=animwave onclick="theImg.style.filter = 'wave(freq=4, strength=8, phase=0, lightstrength=25, add=1, enabled=1)'; wavable = 1; animatwav();">
</center>
</body>
</html>
E' un files per dare l'effetto onda ad una jpeg. Non l'ho fatta io però! A me cmq funziona!
Ciao da Lorella
non è una brutta idea ma uno che non ha javascript attivo non la vede..
secondo me potresti fare una gif animata e sostituirla....
Può cmq provare! Devo essere sincera, questo file me lo ha data uno che conosce il DHTML e tante altre cose!Citazione:
Originalmente inviato da item
Ciao da Lorella
sei sicura che sia cosi' complicato?
be' cmq grazie.
io copio incollo. l'ultima cosa: e dove inserisco i nomi delle 2 immagini?
Ma fatti una gif !! :shock:
nn sono capace. :D
a me serve questo:
ho 2 immagini, le chiamo:
prima.jpg
seconda.jpg
ora, datemi il codice con inserite le 2 immagini e lo copio incollo.
tutto qua. grazie mille.
sposto il topic nel livello 1 ;)
te non lo sai duccio? :D
e io tho ringraziato.
sono andato nella pagina DHTML ma per le immagini mi da' solo quelle per farne apparire cinque in sequenza orizzontale, oppure per farne apparire 2 in movimento sovrapponibile.
io cerco una cosa molto piu' semplice.
cmq grazie ancora. provo a cercare di nuovo.
per Lorella:
non metto in dubbio il funzionamento dello script ma essendo il javascript un linguaggio interpretato client-side deve essere supportato dal compu che guarda il sito e non da chi lo hosta, è per questo che consiglio vivamente una gifCitazione:
Può cmq provare! Devo essere sincera, questo file me lo ha data uno che conosce il DHTML e tante altre cose!
la fai con:
Gimp (ma forse serve una estensione da scaricare) :D :D
photoshop (image ready) :D :D
paint shop pro animator (o qualcosa di simile) :?
microsoft gif animator (anche se è il più facile da scaricare) :(
cerca con google se te ne servisse uno
ce lho fatta grazie.
ma manca una cosa che sul sito web-link nn riesco a trovare.
QUESTA E' LA STRUTTURA:
<script language="JavaScript" type="text/javascript">
<!-- Start
defaultStatus="";
number_of_sponsors=2;
var sctr=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
isn[i]=new Image();
}
isn[0].src="immagini/settimana/2a.jpg";
isn[1].src="immagini/settimana/3a.jpg";
function rotateIt(){
sctr++;
if (sctr>number_of_sponsors-1){
sctr=0;
}
document.sponsor.src=isn[sctr].src;
setTimeout("rotateIt()",900);
}
function doIt(){
location.href=durl[sctr];
}
function dispIt(){
parent.window.status=durl[sctr];
}
// End Hiding -->
</script>
QUESTO E' X AVVIARE
<body onLoad="rotateIt()">
QUESTO E' PER SCEGLIERE CON QUALE FOTO PARTIRE.
<a href="javascript:doIt()" onMouseOver="dispIt();return true"><IMG SRC="immagini/settimana/2a.jpg" NAME="sponsor" BORDER=0>
</a>
Dove si inserisce l'indirizzo o il path della pagina che voglio che si apra quando si clicca sulla foto?