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

Tools x Webmaster Opzioni
a.roselli
Inviato: Monday, September 12, 2011 2:24:59 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
Ho trovato un sito davvero interessante per Webmaster - DynamicDrive, contiene molti script interessanti da inserire nei propri siti web, come menu a discesa, orologi, effetti sulle immagini ecc., oltre a tanti tools on line per creare favicon, gif animate. Una libreria di CSS già pronti e molto altro.

Il sito è in inglese.

Se siete webmaster non dovete prorio perdervelo, è una vera miniera d'oro e gli script sono davvero eccellenti, ogni pagina contiene il demo di quello che fa.

Guardate ad esempio questo Menu a discesa
http://www.dynamicdrive.com/dynamicindex1/ddmegamenu.htm

questo slideshow di immagini
http://www.dynamicdrive.com/dynamicindex14/reelslideshow.htm

espansore di immagini
http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm

e molto altro.



alfonso_aiutamici@hotmail.it

Sponsor
Inviato: Monday, September 12, 2011 2:24:59 PM

 
miticoalex
Inviato: Monday, September 12, 2011 2:53:44 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 14,635
Ciao Alfonso, non sono web master, ma trovo questa risorsa interessante.

Grazie.


cz36
Inviato: Wednesday, September 14, 2011 1:50:38 PM

Rank: AiutAmico

Iscritto dal : 10/1/2003
Posts: 1,262
a.roselli ha scritto:
Ho trovato un sito davvero interessante per Webmaster - DynamicDrive, contiene molti script interessanti da inserire nei propri siti web, come menu a discesa, orologi, effetti sulle immagini ecc., oltre a tanti tools on line per creare favicon, gif animate. Una libreria di CSS già pronti e molto altro.

Il sito è in inglese.

Se siete webmaster non dovete prorio perdervelo, è una vera miniera d'oro e gli script sono davvero eccellenti, ogni pagina contiene il demo di quello che fa.

Guardate ad esempio questo Menu a discesa
http://www.dynamicdrive.com/dynamicindex1/ddmegamenu.htm

questo slideshow di immagini
http://www.dynamicdrive.com/dynamicindex14/reelslideshow.htm

espansore di immagini
http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm

e molto altro.



Salve, scusa la mia ingnoranza ma le foto che vorrei inserire nel mio sito come le devo collegare alla pagina.
Grazie
a.roselli
Inviato: Wednesday, September 14, 2011 3:39:41 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
cz36, devi dirmi quale script ti interessa esattamente e poi devo lavorarci su per spiegartelo.



alfonso_aiutamici@hotmail.it

cz36
Inviato: Wednesday, September 14, 2011 6:15:22 PM

Rank: AiutAmico

Iscritto dal : 10/1/2003
Posts: 1,262
Ciao, grazie per la risposta, per ora mi interessa Image Slideshows
in attesa ti ringrazio e ti saluto Cesare

a.roselli
Inviato: Thursday, September 15, 2011 6:07:35 AM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
Quante immagini devi inserire sulla tua pagina, ognuna deve essere impostata nello script,

apena ho un po' di tempo ci do un'occhiata.



alfonso_aiutamici@hotmail.it

cz36
Inviato: Thursday, September 15, 2011 10:18:46 AM

Rank: AiutAmico

Iscritto dal : 10/1/2003
Posts: 1,262
a.roselli ha scritto:
Quante immagini devi inserire sulla tua pagina, ognuna deve essere impostata nello script,

apena ho un po' di tempo ci do un'occhiata.



Ok grazie rimango in attesa.
Ciao Cesare
christyn
Inviato: Thursday, September 15, 2011 1:21:47 PM
Rank: AiutAmico

Iscritto dal : 4/7/2002
Posts: 1,731
Ottima dritta, grazie! Whistle




a.roselli
Inviato: Thursday, September 15, 2011 2:01:13 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
cz36 - Quante immagini devi inserire sulla tua pagina?



alfonso_aiutamici@hotmail.it

cz36
Inviato: Thursday, September 15, 2011 9:39:52 PM

Rank: AiutAmico

Iscritto dal : 10/1/2003
Posts: 1,262
Ciao scusa ho tralasciato di darti il n° delle immagini. Sono circa una decina.
Di nuova grazie Cesare
a.roselli
Inviato: Saturday, September 17, 2011 7:49:42 AM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
Pagina di esempio - http://www.volontariweb.com/SitoWeb/

Scarica la pagina HTML di esempio dal nome index.html e inseriscilo in una cartella vuota

nella stessa cartella devi inserire questo file, per scaricarlo clicca sul link con il pulsante destro e seleziona SALVA CON NOME http://www.dynamicdrive.com/dynamicindex14/reelslideshow.js

nella stessa cartella salva le immagini da far comparire

quindi sotto modifica lo script inserendo il nome delle tue immagini, come esempio ho utilizzato quelle di un programma che ho recensito, devi modificare solo il nome dell'e immagini all'interno delle virgolette, non cancellare nulla

["freestudio01.png"],
["freestudio02.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
["freestudio03.png"],
["freestudio04.png"],
["freestudio05.png"],
["freestudio06.png"],
["freestudio07.jpg"],
["freestudio08.jpg"],
["freestudio09.jpg"],
["freestudio10.jpg"] //<--no trailing comma after very last image element!



qui sotto modifica il nome che deve compare nel tuo sito

<html>

<head>
<title>Consigli da Aiutamici.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">


qui sotto devi modificare la misura dei tasti di navigazione, imposta la misura in larghezza dell'immagine più grande che inserirai

#myreel{ /*sample CSS for demo*/
border:15px solid black;
}

.paginate{
width: 600px;
margin-top:5px;
font:bold 14px Arial;
text-align:center;


qui sotto devi modificare la misura larghezza e altezza, devi usare la misura dell'immagine più grande fra quelli da inserire

var firstreel=new reelslideshow({
wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
dimensions: [600, 450], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [


qui sotto devi modificare V sta per verticale, sostituire con V con H per lo slide in orizzontale
900 sta per la durata, imposta un numero più basso per farlo andare più veloce, esempio 300, o più alto esempio 1500 per vedere le immagini più a lungo


displaymode: {type:'auto', pause:2000, cycles:0, pauseonmouseover:true},
orientation: "v", //Valid values: "h" or "v"
persist: true, //remember last viewed slide and recall within same session?
slideduration: 900 //transition duration (milliseconds)


qui sotto elimina la riga in rosso se non vuoi i tasti di navigazione

<div class="paginate">
? <a href="javascript:firstreel.navigate('back')" style="margin-right:200px;">back</a> <a href="javascript:firstreel.navigate('forth')">forth</a> ?
</div><!--webbot bot="HTMLMarkup" endspan -->



Per il momento è tutto, spiegazione terminata. Funziona anche in locale ma serve la connessione internet per caricare il javascript.



alfonso_aiutamici@hotmail.it

cz36
Inviato: Tuesday, September 20, 2011 3:06:56 PM

Rank: AiutAmico

Iscritto dal : 10/1/2003
Posts: 1,262
Salve, dopo tanto provare mi ci ritrovo così:

Contenuto cartella
http://imageshack.us/photo/my-images/600/cartella.jpg/][/URL]

Uploaded with ImageShack.us

Risultato:

http://imageshack.us/photo/my-images/813/paginawebm.jpg/][/URL]

non mi appaiono le immagini


<html>

<head>
<title>Elenco foto varie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">

#myreel{ /*sample CSS for demo*/
border:15px solid black;
}

.paginate{
width: 800px;
margin-top:5px;
font:bold 14px Arial;
text-align:center;
}

</style>

<script src="reelslideshow.js" type="text/javascript">

/***********************************************
* Continuous Reel Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>



<body link="#FF0000" vlink="#FF0000" alink="#FF0000">

<script type="text/javascript">

var firstreel=new reelslideshow({
wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
dimensions: [600, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["freestudio01.png"],
["freestudio02.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
["freestudio03.png"],
["freestudio04.png"],
["freestudio05.png"],
["freestudio06.png"],
["freestudio07.jpg"],
["freestudio08.jpg"],
["freestudio09.jpg"],
["freestudio10.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2000, cycles:0, pauseonmouseover:true},
orientation: "h", //Valid values: "h" or "v"
persist: true, //remember last viewed slide and recall within same session?
slideduration: 900 //transition duration (milliseconds)
})

</script>

<p>Script</p>
<div align="center">
<center>
<table border="0" width="800" cellpadding="0">
<tr>
<td width="100" bgcolor="#E4E4E4">Testo</td>
<td width="600"><!--webbot bot="HTMLMarkup" startspan --><div id="myreel"></div>



</td>
<td width="100" bgcolor="#E4E4E4">Testo</td>
</tr>
</table>
</center>
</div>

_________________________
Ti chiedo cortesemente dove ho sbagliato. Ringrazio per la tua disponibilità e pazienza.
Cesare


a.roselli
Inviato: Tuesday, September 20, 2011 3:29:47 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
Se lo hai pubblicato on line dammi l'indirizzo, anche via e-mail se non vuoi renderlo pubblico, oppure in e-mail mandami la cartella con il tutto compresso in zip.



alfonso_aiutamici@hotmail.it

lui49
Inviato: Tuesday, September 20, 2011 7:08:10 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845
correggi nello script l'estensione dei files immagine.....
a.roselli
Inviato: Tuesday, September 20, 2011 10:12:29 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
Ciao Lui49, hai ragione non avevo notato che le immagini sono tutte in JPG invece che anche in PNG, sta proprio li l'errore.

Capito cz36, se vuoi fare il test con le mie immagini salvale senza modificare l'estensione oppure correggi l'estensione nei nomi inseriti nella pagina HTML. Comunque se fai copia e incolla funziona di sicuro, devi fare la prova con le tue immagini, brutto sfaticato che non sei altro :o)))



alfonso_aiutamici@hotmail.it

cz36
Inviato: Wednesday, September 21, 2011 11:02:15 AM

Rank: AiutAmico

Iscritto dal : 10/1/2003
Posts: 1,262
Grazie per la correzzione, purtroppo ho mandato il file sbagliato
vedrai che con la mail che ti ho inviato le estensioni sono state corrette
ma non funziona ugualmente, non so dove sta l'errore, o la mia sbadatagine.
Grazie Cesare

Ciao lui49 grazie per la correzzione

Saluti ad entrambi Cesare
lui49
Inviato: Wednesday, September 21, 2011 11:56:44 AM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845
il codice della pagina però non è completo:

manca un </head> prima di <body..........>

alla fine aggiungi </body></html>
a.roselli
Inviato: Wednesday, September 21, 2011 1:05:36 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,055
cz36, del file che mi hai inviato ho cambiato solo le estensioni alle immagini e funzionava tutto,

per spiegarlo a Lui49, le immagini avevano doppia estensione foto01.jpg.jpg

rimandami la versione attuale e vedo dove sta il problema.



alfonso_aiutamici@hotmail.it

cz36
Inviato: Wednesday, September 21, 2011 2:06:52 PM

Rank: AiutAmico

Iscritto dal : 10/1/2003
Posts: 1,262
lui49 ha scritto:
il codice della pagina però non è completo:

manca un </head> prima di <body..........>

alla fine aggiungi </body></html>

____________________

Ho rimediato con i suggerimenti di Alfonso ed ora va tutto OK.
Ringrazio anche per il tuo interessamento.
Con stima Cesare
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.