Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

htlm Opzioni
beatrice49
Inviato: Saturday, June 26, 2004 4:34:16 PM

Rank: AiutAmico

Iscritto dal : 3/6/2004
Posts: 34
Sono sempre Beatrice, questa volta con un nuovo problema: Ho completato luna pagine del mio sito, c'è inserita una foto all'interno di una tabella, e vorrei appicargli degli effetti : ad es. 5 foto che si susseguono tra di loro... mi sono scaricata via Web un yava apposito... ho provato a seguire tutte le istruzioni all'interno, ma ovviamente non sono riuscita a niente!! Ovvero i vari copia e incolla che devo fare all'interno del codice htlm della pagina, non contemplano però l'inserimento in quel punto preciso dell'effetto (sullo spazio della foto preesistente), non in un punto a caso del corpo della pagina... Non so se sono riuscita a spiegarmi... il mio linguaggio tecnico è proprio zero!!! Se serve ti mando l'indirizzo del sito in costruzione (che è in linea) e a quale Yava mi sto riferendo...
Grazie
Beatrice
Sponsor
Inviato: Saturday, June 26, 2004 4:34:16 PM

 
alfonso
Inviato: Saturday, June 26, 2004 9:53:37 PM

Rank: AiutAmico

Iscritto dal : 10/5/2000
Posts: 19,132
Prova a fare in questo modo, inserisci il cursore dentro la tabella dove deve comparire l'immagine, vai al menu di Frontpage 2000

INSERISCI - CONTROLLI AVANZATI - HTML

e nella finestra che si apre inserisci il codice del java script.

Collaboratore Aiutamici
beatrice49
Inviato: Saturday, June 26, 2004 10:51:22 PM

Rank: AiutAmico

Iscritto dal : 3/6/2004
Posts: 34
Grazie, ma non so se potrò farlo... il codice è in tre fasi: un primo inserimento in "testa", un secondo nel "corpo" e uno finale... comunque provo... tanto per fortuna esiste il tasto annulla!!!
buuuuu!!!!!
Beatrice
alfonso
Inviato: Saturday, June 26, 2004 11:36:12 PM

Rank: AiutAmico

Iscritto dal : 10/5/2000
Posts: 19,132
Fammi sapere se hai bisogno di aiuto, casomai rileggi le istruzioni nel sito dove hai preso il codice.


Collaboratore Aiutamici
owen
Inviato: Sunday, June 27, 2004 1:50:33 PM
Rank: Member

Iscritto dal : 12/30/2003
Posts: 0
<BLOCKQUOTE id=quote><font size=1 face="Sans Serif, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Grazie, ma non so se potrò farlo... il codice è in tre fasi: un primo inserimento in "testa", un secondo nel "corpo" e uno finale... comunque provo... tanto per fortuna esiste il tasto annulla!!!
buuuuu!!!!!
Beatrice
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Sans Serif, Arial, Helvetica" size=2 id=quote>

Se il codice java (javascript) è in più fasi, la prima fase "di testa" va inserita fra (HEAD) (/HEAD) e le altre parti fra (BODY) (/BODY).
Leggi le istuzioni del javascrpt, oppure mandami il sito dove hai trovato questo javascript.
beatrice49
Inviato: Sunday, June 27, 2004 5:00:25 PM

Rank: AiutAmico

Iscritto dal : 3/6/2004
Posts: 34
ti mando il codice...che sembrerebbe (!!!!!) abbastanza semplice, a parte che non mi è appunto chiaro come fare per far comparire l'effetto immagini dover dico io e non dove dice lui, parte il fatto che non capisco dove devo inserire l'altezze e la larghezza, e poi se deve essere euguale per tutte le foto.....
Javascript

Effetti su immagini 87

CROSS-BROWSER SLIDESHOW SCRIPT

Uno slideshow di immagini creato da un Javascript con effetto di dissolvenza incrociata tra
un'immagine e la successiva. Accetta un numero pressocché infinito di immagini ed è settabile
la velocità della sequenza. Liberamente utilizzabile in ogni genere di sito.


L'inserimento del codice avviene in TRE fasi.


PRIMA FASE
(!----------------- INIZIO CODICE DA COPIARE NELL'INTESTAZIONE DELLA PAGINA----------------)
(Tra i tag (head) e (/head))


(script)
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// Impostare le seguenti variabili
// =======================================

// Impostare la velocità di sostituzione delle immagini in millisecondi
var slideShowSpeed = 5000

// Durata della transizione in secondi
var crossFadeDuration = 3

var Pic = new Array() // NON TOCCARE questa variabile

// Indicare i files d'immagine che si devono susseguire.
// Per aggiungere ulteriori immagini continuare semplicemente
// la sequenza utilizzando la stessa sintassi.

Pic[0] = 'image1.jpg'
Pic[1] = 'image2.jpg'
Pic[2] = 'image3.jpg'
Pic[3] = 'image4.jpg'
Pic[4] = 'image5.jpg'
Pic[5] = 'image6.jpg'

// =======================================
// da qui in avanti NON TOCCARE PIU' NULLA
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i ( p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j ) (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
(/script)

(!-------------------- FINE CODICE DA COPIARE NELL'INTESTAZIONE DELLA PAGINA----------------)


SECONDA FASE
(!--------------------------------- INIZIO CODICE DA COPIARE NEL TAG BODY---------------------------------)
(All'interno del tag (body))

// ==================================
// qui viene richiamata la funzione dello slideshow
// ==================================

(body onload="runSlideShow())


(!----------------------------------- FINE CODICE DA COPIARE NEL TAG BODY---------------------------------)


TERZA FASE
(!------------------------ INIZIO CODICE DA COPIARE NEL CORPO DELLA PAGINA-----------------------)
(Tra i tag (body) e (/body))


// ==================================
// qui bisogna impostare l'altezza (height) e la larghezza (width) delle immagini
// ed il nome della prima immagine dello slideshow come indicata nello script
// ==================================

(div align="center")(center)
(table border="0" cellpadding="0" cellspacing="0")
(tr)
(td id="VU" height="200" width="300")(p align="center")(img src="image1.jpg"
name="SlideShow" height="200" width="300")(/td)
(/tr)
(/table)
(/center)(/div)


(!---------------------- FINE CODICE DA COPIARE NEL CORPO DELLA PAGINA-----------------------)


*************************************************
A Sbafo: Tutto per il WEB Gratis ed in italiano...
http://www.asbafo.net

*************************************************
owen
Inviato: Sunday, June 27, 2004 9:49:54 PM
Rank: Member

Iscritto dal : 12/30/2003
Posts: 0
<BLOCKQUOTE id=quote><font size=1 face="Sans Serif, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
ti mando il codice...che sembrerebbe (!!!!!) abbastanza semplice, a parte che non mi è appunto chiaro come fare per far comparire l'effetto immagini dover dico io e non dove dice lui, parte il fatto che non capisco dove devo inserire l'altezze e la larghezza, e poi se deve essere euguale per tutte le foto.....
Javascript

Effetti su immagini 87

CROSS-BROWSER SLIDESHOW SCRIPT

Uno slideshow di immagini creato da un Javascript con effetto di dissolvenza incrociata tra
un'immagine e la successiva. Accetta un numero pressocché infinito di immagini ed è settabile
la velocità della sequenza. Liberamente utilizzabile in ogni genere di sito.


L'inserimento del codice avviene in TRE fasi.


PRIMA FASE
(!----------------- INIZIO CODICE DA COPIARE NELL'INTESTAZIONE DELLA PAGINA----------------)
(Tra i tag (head) e (/head))


(script)
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// Impostare le seguenti variabili
// =======================================

// Impostare la velocità di sostituzione delle immagini in millisecondi
var slideShowSpeed = 5000

// Durata della transizione in secondi
var crossFadeDuration = 3

var Pic = new Array() // NON TOCCARE questa variabile

// Indicare i files d'immagine che si devono susseguire.
// Per aggiungere ulteriori immagini continuare semplicemente
// la sequenza utilizzando la stessa sintassi.

Pic[0] = 'image1.jpg'
Pic[1] = 'image2.jpg'
Pic[2] = 'image3.jpg'
Pic[3] = 'image4.jpg'
Pic[4] = 'image5.jpg'
Pic[5] = 'image6.jpg'

// =======================================
// da qui in avanti NON TOCCARE PIU' NULLA
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i ( p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j ) (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
(/script)

(!-------------------- FINE CODICE DA COPIARE NELL'INTESTAZIONE DELLA PAGINA----------------)


SECONDA FASE
(!--------------------------------- INIZIO CODICE DA COPIARE NEL TAG BODY---------------------------------)
(All'interno del tag (body))

// ==================================
// qui viene richiamata la funzione dello slideshow
// ==================================

(body onload="runSlideShow())


(!----------------------------------- FINE CODICE DA COPIARE NEL TAG BODY---------------------------------)


TERZA FASE
(!------------------------ INIZIO CODICE DA COPIARE NEL CORPO DELLA PAGINA-----------------------)
(Tra i tag (body) e (/body))


// ==================================
// qui bisogna impostare l'altezza (height) e la larghezza (width) delle immagini
// ed il nome della prima immagine dello slideshow come indicata nello script
// ==================================

(div align="center")(center)
(table border="0" cellpadding="0" cellspacing="0")
(tr)
(td id="VU" height="200" width="300")(p align="center")(img src="image1.jpg"
name="SlideShow" height="200" width="300")(/td)
(/tr)
(/table)
(/center)(/div)


(!---------------------- FINE CODICE DA COPIARE NEL CORPO DELLA PAGINA-----------------------)


*************************************************
A Sbafo: Tutto per il WEB Gratis ed in italiano...
http://www.asbafo.net

*************************************************

<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Sans Serif, Arial, Helvetica" size=2 id=quote>

Allora,

la prima fase inseriscila in (head) (/head),
la seconda fase in (body) (/bodi) (dove vuoi)
e la terza fase sempre in (body) (/body) ma nel punto dove vuoi che appaiano le immagini.

Per modificare l'altezza e lunghezza devi agire su HEIGHT (200) e WHIDTH (300) CHE è ESPRESSO IN PIXEl, devi semplicemente cambiare il numero.

Per inserire questo script devi entrare nel codice HTML del tuo sito.
beatrice49
Inviato: Sunday, June 27, 2004 10:36:19 PM

Rank: AiutAmico

Iscritto dal : 3/6/2004
Posts: 34
Mi arrendo!!.... Alla fine sono solo riuscita a far sparire la foto che già c'era (e che doveva essere le prima della serie) e a far comparire un quadrato con la crocetta rossa!!! Da domani tornerò alle tagliatelle.... grazie di tutto
Beatrice
alfonso
Inviato: Monday, June 28, 2004 10:26:01 AM

Rank: AiutAmico

Iscritto dal : 10/5/2000
Posts: 19,132
Tagliatelle <img src=icon_smile_big.gif border=0 align=middle> aspetta che vengo a papparmele.

Dai non arrenderti, dammi il link della pagina esatta dove hai preso quel codice.
A tutto si trova una soluzione.

Collaboratore Aiutamici
beatrice49
Inviato: Monday, June 28, 2004 11:31:11 AM

Rank: AiutAmico

Iscritto dal : 3/6/2004
Posts: 34
allora, il link è:http://www.asbafo.net/
Applet e Yavascript, pag 18, nome:CROSS-BROWSER
SLIDESHOW SCRIPT... se vuoi ti mando anche la mia pag htlm... Baci e tagliatelle assicurate quando vuoi!!! Al ragù o ai funghi porcini e tartufo???
PS: per ogni evenienza, avendo il dubbio di infastidire con i miei problemi l'itero forum, ti mando anche il mio privato:
...................
Beatrice
alfonso
Inviato: Monday, June 28, 2004 2:19:30 PM

Rank: AiutAmico

Iscritto dal : 10/5/2000
Posts: 19,132
Ho eliminato io il tuo indirizzo e-mail.

Vai a leggere la posta del tuo indirizzo e-mail di aiutamici.

Collaboratore Aiutamici
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.