|
|
Rank: AiutAmico
Iscritto dal : 7/30/2006
Posts: 81
|
Premetto che non è che ci capisca molto in generale, quindi cercherò di spiegarmi in maniera abbastanza semplice.
Stò realizzando il sito nuovo della mia azienda, e stavolta, invece di fare le immagini della photogallery dei prodotti che si aprano in un' altra pagina, mi piacerebbe farle come quando si apre un immagine con Picasa, ovvero si annerisce lo schermo sotto e viene fuori l'immagine ingrandita. Cose simili le ho già viste su altri siti, e mi piacerebbe poterlo fare anche su quello mio. Mi chidevo se era una cosa fattibile senza tante difficoltà e come dovrei fare nel caso. Se qualcuno buono di cuore mi può spiegare gliene sarei grato, perchè a parte qui non saprei dove chiedere per fare una cosa del genere.Grazie anticipatamente a chi mi aiuterà
Ciao
|
|
|
|
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
|
|
Rank: AiutAmico
Iscritto dal : 7/30/2006
Posts: 81
|
avrei trovato il programma che farebbe al caso mio: Wondershare Flash Gallery Factory proprio quello che cercavo, questo è il risultato che volevo ottenere. Ho scaricato la versione di prova, trattandosi di un programma a pagamento, è semplcissimo da usare pur se in inglsese, ma quando ho provato ad aprire con firefox il file html creato mi è apparsa una scritta in sovraimpressione sulle immagini, questo è quello che appare quando apro la pagina: http://www.filefactory.com/file/a121106/n/slide_screen.JPG Volevo sapere se quella scritta è dovuta al fatto che è una versione di prova o se me la ritrovo anche se compro il programma, spero possiatre aiutarmi, o nel caso esista un programma simile free se poteste indicarmelo senza che debba andare a comprare questo. Ne ho trovati tanti in giro, ma non sono riuscito a capirci molto e dovendolo caricare nel sito dell'azienda cerco qualcosa che mi permetta un lavoro ben fatto. Questo mi permette di inserirlo tranquillamente nelle pagine del mio sito, prendendo il codice html, ed utilizzando lo sfondo del mio sito, mentre molti altri o imponevano il loro sfondo, o una volta che uno cliccava sull'immagine veniva rimandato alla pagina del programma dove si apriva l'abum delle foto. Aiutatemi a fare un po' di chiarezza in tutto questo casino Grazie
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
La scitta probabilmente appare perché hai scaricato una versione di prova. Prova a vedere anche qui: http://software.aiutamici.com/software?ID=11124Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Ho forse trovato qualcosa di interessante: http://www.web-link.it/Clicca su Scripting nella colonna di sinistra. nella pagina che si apre vai nella sezione E e prova lo script 2. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 7/30/2006
Posts: 81
|
L'ultimo che mi hai suggerito sarebbe eccezionale, ma ho un piccolo problema: riesci a fare solamente la versione a link testuale, e non mi riesce di fare quella a link grafico che è quella che a me interessa. Nella spiegazione sul sito non viene specificato in che modo fare una o l'latra e non riesco a venirne a capo!! puoi aiutarmi, forse sbaglio qualcosa, ma ad esempiosul secondo passaggio dice:"Non resta che attivare l'effetto aggiungendo al vostro link l'attributo rel, in questo modo: (link che si trova all'interno dei tags: <body> e </body>).", ma non riesco a capire in quale punto del tags sopraillustrato devo andarlo a posizionare, io lo metto in coda a quel tags e mi escono i link testuali.
E ho dei problemi a capire anche quello che è il passo3: "Volendo creare una galleria a tutti i vari links si dovrà assegnare lo stesso nome all'interno del suo attributo rel inserito fra parentesi quadre []:" dove dovreiu posizionarlo questo? e a cosa servirebbe in particolare? non riesco a capirci molto!!!
Aiutami, sono così vicino alla soluzione, e non venirne a capo mi mette una rabbia chee non immagini
Grazie
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Devo esaminare le cose con calma ma mi ci vuole un po' di tempo. Questi script vanno provati e poi analizzati.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 7/30/2006
Posts: 81
|
Resterò in attesa.
Grazie per l'aiuto e la disponibilità
Ciao
|
|
Rank: AiutAmico
Iscritto dal : 4/13/2004
Posts: 1,376
|
Cercherò di darti una mano nel modo più chiaro che mi riesca. Immaginiamo che tu abbia salvato le miniature in una cartella denominata "minipics" e le foto in un'altra chiamata "pics", ovviamente nella stessa cartella contenente la pagina e i file scaricati da web-link.Immagino anche che tu avrai più foto costituenti una o più gallerie alle quali vorrai applicare l'effetto per cui è d'uopo creare una tabella nella quale inserire le miniature. Più sotto ti posto l'esempio di una tabella di una sola riga e una sola cella, va da se che ne potrai aggiungere, di righe e di celle quante ne vorrai. Nella tabella dovrai inserire il seguente script: <table style="text-align: left; width: 1158px; height: 100px;" border="0" cellpadding="0" cellspacing="4"> <tbody> <tr> <td style="border: 1px solid rgb(153, 153, 153); text-align: center; width: 90px; vertical-align: middle;"><a href="pics/ nome_foto.jpg" rel=" galleria_1" title=" Landscape Traces inspired from Alexanderplatz"><img style="border: 0px solid ; width: 83px; height: 62px;" alt="" src="minipics/ nome_miniatura.jpg"></a> </td> </tr> </tbody> </table> Non far caso alle dimensioni della tabella sopra (a me conteneva molte righe e molte celle) perché le stabilirai tu come quelle delle foto e delle miniature. Le parti in blu sono i nomi della miniatura e della foto galleria_1 è il nome che tu hai dato alla tua galleria di immagini che, se compare in tutte le immagini ti permetterà di scorrerle avanti e indietro. Se hai una sola immagine puoi anche ometterlo. la parte in verde è la descrizione che hai dato alla foto e che comparirà nel pannello che si aprirà appena aperta la foto Va da sé che se hai una tabella di 10 celle, ad esempio, ti copi lo script in ogni tabella e poi modifichi i nomi delle foto, delle miniature e delle descrizioni delle foto. Un piccolo consiglio, dal momento che devi scrivere tutto da sorgente dai lo stesso nome sia alle foto che alle miniature di modo che ti sarà più semplice con il copia incolla inserirle al loro posto. Nota a margine. Funziona bene con tutti i browser ma se cambi qualcosa nel foglio di stile firefox ti mostrerà, appena aperta la foto, un antipatico riquadro rosso intorno alla parte da cliccare per andare avanti o indietro, per cui ti consiglio di non modificare il css e tenerti l'effetto come è che è molto gradevole. Se hai difficoltà fammi sapere Ciao Silvio
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
|
|
Rank: AiutAmico
Iscritto dal : 4/13/2004
Posts: 1,376
|
L'effetto piace molto anche a me ed è fra i migliori per visualizzare una o più gallerie tant'è che l'ho usato nei miei siti. In quello della galleria ho dovuto modificare il css per togliere la trasparenza e per modificare i font e le immagini "next" e "prev" però non riesco a togliere il bordino rosso che firefox (unico fra i browser) mi da all'apertura della foto.
Spero vi sia utile
Un caro saluto
Silvio
|
|
Rank: AiutAmico
Iscritto dal : 7/30/2006
Posts: 81
|
Niente da fare!
ho copiato paripari tutto il tag come lo hai scitto tu, ho cambiato solamente i nomi delle foto e le dimensioni della tabella, ho creato le cartelle con i nomi che hai messo tu, ma alla prova pratica quando vado ad aprire la foto, mi manda ad un'altra pagina con lo sfondo bianco e con l'immagine a dimensione grande.
Forse mi sono perso qualcosa per strada, ma nel tag che mi hai dato non vedo tutto quello che era scrittonel tag scaricato da web-link, e ipotizzo sia per quello che non mi si apre con l'effetto! posso sbagliarmi, ma non ci stò capendo più nulla!!!
Devo per caso inserire il tag di web-link e poi all'interno di quello inserire il tag che mi hai postato? se si dove lo devo posizionare esattamente?
|
|
Rank: AiutAmico
Iscritto dal : 4/13/2004
Posts: 1,376
|
La colpa è mia e mi cospargo il capo di cenere!!!
Devi chiaramente copiare lo script che c'è su web-link così come indicato al passo 1- tra i tags <head> e </head>. Lo script è fondamentale perché ti collega la pagina sia al css che al file java. Senza quello ti succede esattamente ciò che ti è successo.
Mi sono dimenticato di specificarlo ma pensavo che tu l'avessi già fatto, scusami.
Riprova con fiducia, non ti abbandono finché non ti è riuscito
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Per la cronaca sono riuscito anch'io a far funzionare lo script.
Mi permetto di aggiungere che è necessario avere nella cartella del sito anche le cartelle css e js.
Buon lavoro.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 7/30/2006
Posts: 81
|
Allora ricapitolando:
1. Copio il tag di web link all'internbo di una tabella giù presente nel sito
2. in coda a quel tag inserisco quello che mi hai dato
3. Così dovrebbe funzionare?
Dopo cena riprovo per l'ennesima volta, e speriamo di essere più fortunati
Appena fatto vi faccio sapere
Grazie ancora per la pazienza
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Mi pare che ci sia un po' di confusione.
Prima di tutto, tra i tag <head> e </head> devi inserire questo codice.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
Poi, segui le istruzioni di Silvio. All'interno del codice della tabella devi inserire ciò che ti ha precedentemente postato.
Buon lavoro.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 4/13/2004
Posts: 1,376
|
Allora ricapitoliamo: Una volta scaricato il file zip e scompattato nella tua cartella mio_sito, dovrai avere una situazione del genere  Ora su Web-link al passo 1 c'è uno scripy che devi copiare e incollare nella tua pagina tra i tag <head> ed </head> (possibilmente subito sopra quest'ultimo). Qui sotto ti posto l'intera pagina web con tutto lo script non devi fare altro che copiarla sulla tua pagina: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>light</title> <meta content="Sis.coweb" name="author"> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"> </head> <body> <table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="border: 1px solid rgb(153, 153, 153); text-align: center; width: 90px;"><a href="pics/nome_foto.jpg" rel="lightbox[gal1]" title="Aiutamici"><img style="border: 0px solid ; width: 83px; height: 62px;" alt="" src="minipics/nome_miniatura"></a> </td> </tr> </tbody> </table> <br> </body> </html> la pagina è di una tabella con una cella, se vuoi mettere più righe con più celle e all'interno una foto non devi fare altro che copiare in ogni cella vuota tra i tag <td> e </td> lo script: style="border: 1px solid rgb(153, 153, 153); text-align: center; width: 90px;"><a href="pics/nome_foto.jpg" rel="lightbox[gal1]" title="Aiutamici"><img style="border: 0px solid ; width: 83px; height: 62px;" alt="" src="minipics/nome_miniatura"></a> In bocca al lupo Silvio
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Dai, almeno un appoggio morale te lo do volentieri!!
Guarda che in informatica e con gli script, non è vero che "uno su mille ce la fa".
Se ce l'ha fatta un povero lupo spelacchiato ...
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 4/13/2004
Posts: 1,376
|
Se è per questo ce l'ho fatta anche io che sono un allievo del "povero lupo spelacchiato"
|
|
|
Guest |