Resulta que estoy aprendiendo a usar un WYSIWYG llamado flux.
En este se propone un ejercicio de hacer una galería de imágenes incluyendo Javascript.
No sé en que he fallado, por favor, alguien que sepa y me pueda aconsejar.
No sé Javascript.
Muchas gracias.
<!DOCTYPE html>
Código HTML :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="author" content="Flux User">
<meta name="description" content="My Website">
<meta name="keywords" content="Flux, Mac">
<link href="main.css" rel="stylesheet" media="screen" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" media="screen" type="text/css">
<title>My Webpage</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="jquery.lightbox_me.js"></script>
</head>
<body>
<div style="position:relative;float:none;margin-left:auto;margin-right:auto;display:block;width:700px" >
<div style="position:relative;height:100px;text-align:center;left:-2px;top:1px" >
<span class="pageheader">Prueba de fotografías</span>
</div>
<div style="position:relative;height:100px;text-align:center">
<img src="images/thumbnails/itunes.png" alt="" class="thumb" #="fullsize1">
<img src="images/thumbnails/14jrtjb.jpg" alt="" class="thumb" #="fullsize2">
<img src="images/thumbnails/extra-xcode.png" alt="" class="thumb" #="fullsize3">
<img src="images/thumbnails/mac-os-x-snow-leopard-icon.jpg" alt="" class="thumb" #="fullsize4">
</div>
<img src="images/14jrtjb.jpg" alt="" id="fullsize1" style="width:700 ; display: none">
<img src="images/extra-xcode.png" alt="" id="fullsize2" style="width:700 ; display: none">
<img src="images/itunes.png" alt="" id="fullsize3" style="width:700 ; display: none">
<img src="images/mac-os-x-snow-leopard-icon.jpg" alt="" id="fullsize4" style="width:700 ; display: none">
</div>
<script>
\$(’.thumb’).click(function(e) {
var element_id = e.target.id;
element_id = element_id.replace("thumb","fullsize");
\$("#"+element_id).lightbox_me();
e.preventDefault();
});
</script>
</body>
</html> 
