How can I have 2 functions on one object ?
Hi,
I am developing a jQuery application, and want to use 2 functions on a series of thumbnail images:
1. Draggable
2. Shadowbox (zoom images)
The functions work well, but when I start dragging, then on release it opens the shadowbox. Can I write a code that says if thumbnail is being dragged, then dont run shadowbox, or what would be the best strategy ?
Thanks,
Jakob
This is the code:
- $(document).ready(function() {
- $(".box").live('mouseup mouseout', function() {
$(".box").draggable({ revert: true, cursor: 'move'});
});
$(".box").live('mouseover mouseout', function() {
Shadowbox.init({
slideshowDelay: "0",
animateFade: "false",
fadeDuration: "0",
resizeDuration: "0.1",
animate: "false"
});
});
- });