Utilizar Shadowbox con onclick

[pupefo]

Buenas!!! Estoy utilizando Shadowbox para ampliar imágenes.

Para ello estoy probando con lo siguiente (me funciona):

-

Código:

$(document).ready(function(){
    setTimeout(function() {
        Shadowbox.open({
            content:    '<div><img src="Logo.png"><div id="k"></div><br><img src="Logo.png"></div>',
            player:     "html",
            title:      "Oferta",
            width:      492,
            height:     367
        });
    }, 50);

- Esto lo que hace es ejecutarlo al abrir el navegador (ejecutar página)

- ¿Cómo lo ejecuto con una función "onclick"?

- Por ejemplo:

Código HTML:

<img rel="shadowbox" onclick="funcion()" id="e" src="Logo.png" /> 

Muchas gracias de antemano"""

[Rosencrantz]

Ya probaste con?

Código:

$('#e').click(function(){

  setTimeout(function() {
        Shadowbox.open({
            content:    '<div><img src="Logo.png"><div id="k"></div><br><img    src="Logo.png"></div>',
            player:     "html",
            title:      "Oferta",
            width:      492,
            height:     367
        });
    }, 50);


})

[pupefo]

Nada no me funciona....

Lo que quiero conseguir es al hacer clic sobre una imagen, ésta se amplíe dentro de un "div" para meter texto a su alrededor.

Cuando lo consiga pongo la solución.

Gracias!!

[pupefo]

Código:

$(document).ready(function(){
    $("img").click(function(){
        var imagen=$(this).attr("src"); 
        setTimeout(function() { 
            Shadowbox.open({  
                content:    '<div id="zoom_general">   <div id="zoom_image">  <img src="'+imagen+'"></div></div>', 
                player:     "html",
                title:      "Pintura",
                width:      492,
                height:     367
            });
        }, 50);
    });
    
});