Muy buenas a todo el mundo.
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.
Me gustaría ayudarte, pero no dices cual es el problema ni el error que se produce. Como no nos des alguna pista más es complicado.
Ten en cuenta que podríamos reconstruir tu código, buscar las librerías que llamas de forma relativa y empezar a ver donde te falla (yo ya he detectado un par de cosillas que no cuadran). Pero si tu no ayudas un poco más, explicando claramente tu problema, es muy complejo por nuestra parte.
Te invito a que reformules tu pregunta y añadas alguna captura de pantalla o mensaje de error para poder orientarte.
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.
<!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>
21/05/2016 23:49
Ten en cuenta que podríamos reconstruir tu código, buscar las librerías que llamas de forma relativa y empezar a ver donde te falla (yo ya he detectado un par de cosillas que no cuadran). Pero si tu no ayudas un poco más, explicando claramente tu problema, es muy complejo por nuestra parte.
Te invito a que reformules tu pregunta y añadas alguna captura de pantalla o mensaje de error para poder orientarte.
23/05/2016 21:36
De momento, no me cuadra esto (/):
\$(’.thumb’).click(function(e)
Un abrazo