Inserimento link in un DIV

T

tomboy71

Nuovo Utente
4 Mag 2010
3
0
0
Buon Giorno a tutti,

sono nuova di questo forum, mi chiamo barbara, piacere di conoscervi :)

Avrei un consiglio da chiedervi. Sto modificando uno script in javascript che visualizza una galleria. Purtroppo non riesco ad inserire un link su ogni immagine....

Vi allego il codice nella speranza che qualcuno mi aiuti... Grazie mille

<style>
body{background:#111;color:#fff;font:0.8em "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-weight:normal}
a{color:#ddd;outline:none;text-decoration:none}
a:hover{color:#fff;}
h1{text-align:right;font-size:2em;}
#demo {width:800px; margin:0 auto}
</style>
<script type="text/javascript" src="mootools-beta-1.2b2.js"></script>
<script type="text/javascript" src="MooFlow.js"></script>
<script type="text/javascript">
var myMooFlowPage = {

start: function(){

var mf = new MooFlow($('MooFlow'), {
stylePath: 'MooFlow.css',
useSlider: true,
useAutoPlay: true,
useCaption: true,
useResize: true,
useWindowResize: true,
useMouseWheel: true,
useKeyInput: true,
startIndex: 4
});
}

};

window.addEvent('domready', myMooFlowPage.start);
</script>

</head>
<body>
<h1>MooFlow</h1>
<div id="demo">
<h1><a href="http://www.outcut.de">Galleria Coverflow</a></h1>
<div id="MooFlow">
<div><img src="img/moto1.jpg" title="Immagine 1" alt="Immagine 1" /></div>
<div><img src="img/moto2.jpg" title="Immagine 2" alt="Immagine 2" /></div>
<div><img src="img/moto3.jpg" title="Immagine 3" alt="Immagine 3" /></div>
<div><img src="img/moto4.jpg" title="Immagine 4" alt="Immagine 4" /></div>
<div><img src="img/moto5.jpg" title="Immagine 5" alt="Immagine 6" /></div>
<div><img src="img/moto6.jpg" title="Immagine 7" alt="Immagine 7" /></div>
<div><img src="img/moto7.jpg" title="Immagine 8" alt="Immagine 8" /></div>
<div><img src="img/moto8.jpg" title="Immagine 9" alt="Immagine 9" /></div>
<div><img src="img/moto9.jpg" title="Immagine 10" alt="Immagine 10" /></div>
<div><img src="img/moto10.jpg" title="Immagine 11" alt="Immagine 11" /></div>
<div><img src="img/moto11.jpg" title="Immagine 10" alt="Immagine 10" /></div>
<div><img src="img/moto12.jpg" title="Immagine 11" alt="Immagine 11" /></div>
</div>
</div>

barbara
 
L

lotus

Utente Attivo
5 Mag 2009
543
8
0
Ciao Barbara,

prova a sostituire, per ogni immagine,
PHP: 
<div><img src="img/moto1.jpg" title="Immagine 1" alt="Immagine 1" /></div>

con
PHP: 
<div><a href="url"><img src="img/moto1.jpg" title="Immagine 1" alt="Immagine 1" /></a></div>

Ovviamente al posto di url ci va l'indirizzo del link..

Fammi sapere
Ciao, Ciro
 
T

tomboy71

Nuovo Utente
4 Mag 2010
3
0
0
Ciao Ciro,

grazie mille per la risposta, avevo già provato ma non riesco a capire perchè non funziona...

ti allego qui sotto il codice di tutta la pagina, magari se hai voglia vedi che c'è che non funziona...:hammer:

Grazie ancora...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>MooFlow - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Ad ogni apertura di pagina questo script genera un differente colore di sfondo." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
<style>
body{background:#111;color:#fff;font:0.8em "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-weight:normal}
a{color:#ddd;outline:none;text-decoration:none}
a:hover{color:#fff;}
h1{text-align:right;font-size:2em;}
#demo {width:800px; margin:0 auto}
</style>
<script type="text/javascript" src="mootools-beta-1.2b2.js"></script>
<script type="text/javascript" src="MooFlow.js"></script>
<script type="text/javascript">
var myMooFlowPage = {

start: function(){

var mf = new MooFlow($('MooFlow'), {
stylePath: 'MooFlow.css',
useSlider: true,
useAutoPlay: true,
useCaption: true,
useResize: true,
useWindowResize: true,
useMouseWheel: true,
useKeyInput: true,
startIndex: 4
});
}

};

window.addEvent('domready', myMooFlowPage.start);
</script>

</head>
<body>
<h1>MooFlow</h1>
<div id="demo">
<h1><a href="http://www.outcut.de">Galleria Coverflow</a></h1>
<div id="MooFlow">
<div><a href="http://www.gruppoded.com"><img src="img/moto1.jpg" title="Immagine 1" alt="Immagine 1" /></a></div>
<div><img src="img/moto2.jpg" title="Immagine 2" alt="Immagine 2" /></div>
<div><img src="img/moto3.jpg" title="Immagine 3" alt="Immagine 3" /></div>
<div><img src="img/moto4.jpg" title="Immagine 4" alt="Immagine 4" /></div>
<div><img src="img/moto5.jpg" title="Immagine 5" alt="Immagine 6" /></div>
<div><img src="img/moto6.jpg" title="Immagine 7" alt="Immagine 7" /></div>
<div><img src="img/moto7.jpg" title="Immagine 8" alt="Immagine 8" /></div>
<div><img src="img/moto8.jpg" title="Immagine 9" alt="Immagine 9" /></div>
<div><img src="img/moto9.jpg" title="Immagine 10" alt="Immagine 10" /></div>
<div><img src="img/moto10.jpg" title="Immagine 11" alt="Immagine 11" /></div>
<div><img src="img/moto11.jpg" title="Immagine 10" alt="Immagine 10" /></div>
<div><img src="img/moto12.jpg" title="Immagine 11" alt="Immagine 11" /></div>
</div>
</div>


<br /><br /><br /><br /><br /><br />

var browName = navigator.appName;
var SiteID = 1;
var ZoneID = 24;
var browDateTime = (new Date()).getTime();
if (browName=='Netscape')
{
document.write('<s'+'cript lang' + 'uage="jav' + 'ascript" src="http://adserver.html.it/a.aspx?ZoneID=' + ZoneID + '&amp;Task=Get&amp;IFR=False&amp;Browser=NETSCAPE4&amp;PageID=90264&amp;SiteID=' + SiteID + '&amp;Random=' + browDateTime + '">'); document.write('</'+'scr'+'ipt>');
}
if (browName!='Netscape')
{
document.write('<s'+'cript lang' + 'uage="jav' + 'ascript" src="http://adserver.html.it/a.aspx?ZoneID=' + ZoneID + '&amp;Task=Get&amp;IFR=False&amp;PageID=90264&amp;SiteID=' + SiteID + '&amp;Random=' + browDateTime + '">'); document.write('</'+'scr'+'ipt>');
}
// -->
</script>
<
</body>
</html>
 
MarcoGrazia

MarcoGrazia

Utente Attivo
15 Dic 2009
852
20
28
62
Udine
www.stilisticamente.com
Ciao Barbara!
La parte sotto i break (br) non è necessaria perché è relativa alla pubblicità che html.it mette nei file scaricabili.
Quindi rimane solo la parte sopra.
Io in genere non uso framework per il mio lavoro comunque provo a risolvere il tuo problema.
Immagino che tu abbia scaricate e copiate sul sito le librerie Mootools :)
Per il resto se lo script funziona su html.it non vedo perché non dovrebbe funzionare a te; premetto che non conosco quello script e quindi non so cosa faccia nel concreto ma tu perché vuoi inserire i link sulle immagini?
TRra l'altro mi chiedo il perché di tutti quei <div>, le immagini si possono usare come elementi di blocco, va be non c'entra nulla.
 
T

tomboy71

Nuovo Utente
4 Mag 2010
3
0
0
Ciao :)
grazie mille di usare un pò del tuo tempo per me. Quando mi dici le librerie Mootools... mmm non so nemmeno cosa siano... io ero abituata a fare un copy&paste del codice e modificarlo. Ho preso tutta la cartella dello script e cerco di mettere un link sulle singole immagini della galleria per poter aprire una scheda per ognuna...
Ma non riesco a capire da dove debba modificarlo visto che dal codice non sortisce effetto... uffa!!!!
:-(
grazie barbara
 
MarcoGrazia

MarcoGrazia

Utente Attivo
15 Dic 2009
852
20
28
62
Udine
www.stilisticamente.com
Librerie Mootools... sono delle librerie scritte in linguaggio javascript che abilitano a fare determinate cose, tra le altre quello che vuoi fare tu probabilmente.
Se guardi il tuo stesso codice ci sono due richiami a queste librerie.
Codice: 
<script type="text/javascript" src="mootools-beta-1.2b2.js"></script>
<script type="text/javascript" src="MooFlow.js"></script>
In altre parole devi cercarti le librerie e scaricarle sul tuo sito poi potrebbe persino funzionare :-D
 
A

andre2

Nuovo Utente
15 Mag 2010
5
0
0
Immagino che tu abbia scaricate e copiate sul sito le librerie Mootools
Per il resto se lo script funziona su html.it non vedo perché non dovrebbe funzionare a te; premetto che non conosco quello script e quindi non so cosa faccia nel concreto ma tu perché vuoi inserire i link sulle immagini?
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
D Inserimento Gratuito al nostro circuito banner - scambio di link Offerte e Richieste di scambio links 0
D Abilitare link dopo inserimento valore nella textbox PHP 2
M [risolto] Inserimento link in tabella da database PHP 3
I inserimento link in tabella mysql PHP 6
A inserimento link Javascript 1
P Realizzazione sito web gratis e inserimento links senza link reciproco Presenta il tuo Sito 9
D Inserimento nuovi link HTML e CSS 1
D Aiuto per inserimento link per ospitare siti Discussioni Varie 0
A scambio link e inserimento banner Offerte e Richieste di scambio links 0
O Inserimento link Gratuito in PR3 Directory SEO e Posizionamento 0
P inserimento link o nuova pagina Flash 1
K Inserimento query Errore 1366 PHP 4
K form Inserimento record mysql PHP 2
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
C inserimento gestionale sotto Word Press WordPress 0
D Inserimento video mp4 HTML e CSS 0
L inserimento form dati multipli ? PHP 0
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
J Form inserimento dati in database Ajax 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
R [C#] Automatizzare un inserimento di un Post su un Gruppo Facebook .NET Framework 0
M Aiuto con inserimento immagini WordPress 6
elpirata Impedire inserimento data di oggi e date passate jQuery 39
A Inserimento dati nel database tramite form + altre operazioni PHP 18
W Email conferma inserimento Classic ASP 0
S Inserimento multiplo non richiesto PHP 2
P inserimento icone social tramite html HTML e CSS 1
L form multipla php sql,errore in inserimento MySQL 0
Alex_70 Inserimento dati a cascata PHP 204
T Da xsd a xml ed inserimento dati in excel XML 0
M Problema inserimento parole con apostrofo nel db PHP 5
C [RISOLTO]Inserimento variabile php in input html PHP 20
P Access Inserimento data. MS Access 4
L Inserimento dettagli in una maglia Photoshop 2
S [PHP] email con inserimento dati nel database PHP 23
beatle [Photoshop] problema inserimento immagini Photoshop 1
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
B [PHP] Creare PDF dopo inserimento dati form PHP 4
C [PHP] Form con Inserimento dati dalla maschera e un menù a discesa che prende i dati dal db PHP 1
C [PHP] Form inserimento più menù a discesa PHP 9
M [PHP] Problemi su inserimento array nel db PHP 7
gandalf1959 [PHP] Inserimento di più righe non funziona come mi aspetto... PHP 2
E Inserimento dati da PHP in tabella MySQL PHP 5
E Form inserimento dati con JavaScript Javascript 0
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
G inserimento csv in tabella mysql; problema con struttura PHP 11
M [Joomla] Inserimento wow.js in template Joomla 4
K [PHP] Inserimento dati database con postgres PHP 2
K [PHP + MYSQL ] Inserimento dati in database da form dinamico PHP 13
A [PHP] Inserimento url dinamici in pagina html PHP 3

Discussioni simili

Alto Basso