Inserimento link in un DIV

tomboy71 · 4 Mag 2010

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

lotus · 4 Mag 2010

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

tomboy71 · 4 Mag 2010

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 + '&Task=Get&IFR=False&Browser=NETSCAPE4&PageID=90264&SiteID=' + SiteID + '&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 + '&Task=Get&IFR=False&PageID=90264&SiteID=' + SiteID + '&Random=' + browDateTime + '">'); document.write('</'+'scr'+'ipt>');
}
// -->
</script>
<
</body>
</html>

MarcoGrazia · 4 Mag 2010

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.

tomboy71 · 4 Mag 2010

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 · 4 Mag 2010

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

andre2 · 15 Mag 2010

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?

Cerca

Cerca

Inserimento link in un DIV

tomboy71

Nuovo Utente

lotus

Utente Attivo

tomboy71

Nuovo Utente

MarcoGrazia

Utente Attivo

tomboy71

Nuovo Utente

MarcoGrazia

Utente Attivo

andre2

Nuovo Utente

Discussioni simili