JavaScript - qué error hay en este código HTML con javascript de galería de imágenes?

   
Vista:

qué error hay en este código HTML con javascript de galería de imágenes?

Publicado por Sergio (1 intervención) el 21/05/2016 22:55:15
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.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!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>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Juan Diego

qué error hay en este código HTML con javascript de galería de imágenes?

Publicado por Juan Diego juan.diego1990@hotmail.com (37 intervenciones) el 23/05/2016 17:04:32
Hola Sergio, espero estés muy bien.

La verdad nunca había escuchado de Flux pero en la sintaxis que usas de Jquery, el uso de las comillas es incorrecto:
1
$(.thumb’).click(function(e) {

Sería:
1
$('.thumb').click(function(e) {

Sergio, ¿exactamente que es lo qué quieres hacer con Javascript?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar