ansaurus

Question

Answer 1

A:

I would try to get the current Source-Attribute from the current image and append this as link.

//Untested. This is just a suggestion :)
currentImageSource = $('.galleria-image img').attr('src');  
$('.galleria-counter').append('<a href="'+currentImageSource+'">Download</a>');

But a link like this will open the image separatly and not download ordinary. If you want a "real" Download you have to put this image in an zip archive.

$('.galleria-counter').append('<a href="'+currentImageSource+'.zip">Download</a>');

This will produce something like that: http://www.example.com/galleria/img/mygreatimage.jpg.zip

Works for me:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Example</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"&gt;&lt;/script&gt;

        <script type="text/javascript">
            $(document).ready(function() {

                currentImageSource = $('.container img').attr('src');  
                $('.placeholder').append('<a href="'+currentImageSource+'">Download</a>');

            });

        </script>
    </head>

    <body>
        <div class="container">
            <h2>Get img src</h2>
            <img src="http://www.duba.at/wp-content/uploads/2007/08/bild_0570000.jpg" witdh="200" height="220"/>
        </div>

        <div class="placeholder">
            <h2>Append Here</h2>
        </div>

    </body>
</html>

gearsdigital 2010-09-19 08:23:33

Look at update, please.

Ockonal 2010-09-19 08:54:27

Answer 2

+1 A:

your getting the imgHandle from a DOMEvent, not a jquery object.

As attr is part of the jQuery object you need to transfer the dom object to a jquery object.

gallery.bind(Galleria.IMAGE, function(e) {
    imgHandle = $(e.imageTarget); //Wrap it here

   alert(imghandle.attr('href'))

    //$('.galleria-counter').append('<a href="'+imgHandle.attr('src')+'">Download</a>');
});

RobertPitt 2010-09-19 11:49:02

ansaurus

tags:

views:

answers:

Galleria jquery plugin

related questions