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 qué he fallado, por favor, alguien que sepa y me pueda aconsejar.
No sé javascript.
Muchas gracias.
En este se propone un ejercicio de hacer una galería de imágenes incluyendo javascript.
No sé en qué he fallado, por favor, alguien que sepa y me pueda aconsejar.
No sé javascript.
Muchas gracias.
Código (html4strict) [Seleccionar]
<!DOCTYPE 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>