Allora...il sito non è ancora online in quanto lo spazio web non è ancora attivato.
Provo a rispiegare il problema:
Io sono partito dal codice sottostante:
codice:
<script type="text/javascript" >
$(document).ready(function(){
$(".thumb").click(function(){
var address= $(this).attr("a");
$(".popup").fadeIn("slow");
$(".lightbox").attr("rel",address); });
$("#close").click(function(){
$(".popup").fadeOut("fast"); }); });
</script>
<body>
<div>
[img]images/ferrari1.jpg[/img]
[img]images/ferrari2.jpg[/img]
[img]images/ferrari3.jpg[/img]
</div>
<div id="popup">
<div id="center">
[img]images/ferrari1.jpg[/img]
[img]images/close.png[/img]
</div>
</div>
</body>
(la pagina di riferimento è quella del post precedente).
In questo caso il click sull'immagine apre la finestra in overlay dell'immagine.
Il problema mio è proprio questo: non riesco a passare da immagini che fungono da link a div che fungono da link. Ma soprattutto non ho ben compreso come modifcare la funzione in modo che div diversi procurino aprano finestre popup diverse. Ipotizzo che il problema sia nel determinare il giusto address.
Comunque sotto la pagina web che sto editando:
codice:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link href="../kgsite.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../dati/jquery.js" ></script>
<script type="text/javascript" >
$(document).ready(function(){
$(".thumb").click(function(){
var address= $(this).attr("a");
$(".popup").fadeIn("slow");
$(".lightbox").attr("rel",address);
});
$("#close").click(function(){
$(".popup").fadeOut("fast");
});
});
</script>
</head>
<body>
<div class="contenitore2">
<div id='scroll_clipper' style='position:relative; height: 435px; width:800px; overflow:hidden; margin-top:0 !important'>
<div id='scroll_text' style="overflow-y: scroll; width: 800px; height: 435px; padding-right: 25px">
<div class="thumb" style="background-color:#FFF !important; margin-top:0 !important">MENU 01</div>
<div class="thumb" style="background-color:#FFF !important">MENU 02</div>
<div class="titolo" style="background-color:#FFF !important">MENU 03</div>
<div class="titolo" style="background-color:#FFF !important">MENU 04</div>
<div class="titolo" style="background-color:#FFF !important">MENU 05</div>
<div class="titolo" style="background-color:#FFF !important">MENU 06</div>
<div class="titolo" style="background-color:#FFF !important">MENU 07</div>
<div class="titolo" style="background-color:#FFF !important">MENU 08</div>
</div>
</div>
</div>
<div class="popup">
<div class="lightbox">
<div id='scroll_clipper' style="position:absolute; height: 435px; width:800px; overflow:hidden">
<div id='scroll_text' style="overflow-y: scroll; width: 800px; height: 435px; padding-right: 25px">
<div id="close" style="border-bottom:1px solid #000;">MENU 01 close</div>
<div id="contenuto" style="width:784px;height:auto;padding-left:8px;padding-right:8px;font-family: Arena Condensed, Arial, sans-serif !important;font-size: 12px !important;color: #000">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</div>
</div>
</div>
<div class="popup">
<div class="lightbox">
<div id='scroll_clipper' style="position:absolute; height: 435px; width:800px; overflow:hidden">
<div id='scroll_text' style="overflow-y: scroll; width: 800px; height: 435px; padding-right: 25px">
<div id="close" style="border-bottom:1px solid #000;">MENU 01 close</div>
<div id="contenuto" style="width:784px;height:auto;padding-left:8px;padding-right:8px;font-family: Arena Condensed, Arial, sans-serif !important;font-size: 12px !important;color: #000">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Spero di essere stato più chiaro! In caso contrario cercherò nuovamente di spiegarmi.
Rispondi quotando
ointer; border-bottom:#000 solid 1px">MENU 01</div>