// Position the caption at the bottom of the image and set its opacity
var slideImage = slide.find('img');
caption.width(slideImage.width())
.css({
'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2),
'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
})
.fadeTo(duration, captionOpacity);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
},
onImageAdded: function(imageData, $li) {
$li.opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
}
});
/**** Functions to support integration of galleriffic with the jquery.history plugin ****/
// PageLoad function
// This function is called when:
// 1. after calling $.historyInit();
// 2. after calling $.historyLoad();
// 3. after pushing "Go Back" button of a browser
function pageload(hash) {
// alert("pageload: " + hash);
// hash doesn't contain the first # character.
if(hash) {
$.galleriffic.gotoImage(hash);
} else {
gallery.gotoIndex(0);
}
}
// Initialize history plugin.
// The callback is called at once by present location.hash.
$.historyInit(pageload, "advanced.html");
// set onlick event for buttons using the jQuery 1.3 live method
$("a[rel='history']").live('click', function() {
if (e.button != 0) return true;
var hash = this.href;
hash = hash.replace(/^.*#/, '');
// moves to a new page.
// pageload is called at once.
// hash don't contain "#", "?"
$.historyLoad(hash);
return false;
});
/************************************************** **************************************/
/********************** Attach click event to the Add Image Link ************************/
$('#addImageLink').click(function(e) {
gallery.insertImage('<li> \
<a rel="nofollow" class="thumb" href="http://farm1.static.flickr.com/79/263120676_2518b40e5b.jpg" title="Dynamically Added Image">\
<img src="http://farm1.static.flickr.com/79/263120676_2518b40e5b_s.jpg" alt="Dynamically Added Image" />\
</a> \
<div class="caption"> \
<div class="download"> \
<a rel="nofollow" href="http://farm1.static.flickr.com/79/263120676_2518b40e5b_o_d.jpg">Download Original</a> \
</div> \
<div class="image-title">Dynamically Added Image</div> \
<div class="image-desc"> \
<img src="http://farm1.static.flickr.com/38/buddyicons/
[email protected]" alt="ringydingydo" /> \
Photo taken by <a rel="nofollow" href="http://www.flickr.com/photos/ringydingydo/">ringydingydo</a> \
</div> \
</div> \
</li>', 5);
e.preventDefault();
});
/************************************************** **************************************/
/***************** Attach click event to the Remove Image By Index Link *****************/
$('#removeImageByIndexLink').click(function(e) {
if (!gallery.removeImageByIndex(5))
alert('There is no longer an image at position 5 to remove!');
e.preventDefault();
});
/************************************************** **************************************/
/***************** Attach click event to the Remove Image By Hash Link ******************/
$('#removeImageByHashLink').click(function(e) {
if (!gallery.removeImageByHash('lizard'))
alert('The lizard image has already been removed!');
e.preventDefault();
});
/************************************************** **************************************/
});
</script>
</body>
</html>
<?php
mysql_free_result($ver_productos);
?>