Open fancybox from function

by

If you’d like to simply open a fancybox when a javascript function is called. Perhaps in your code flow and not as a result of a click. Here’s how you do it:

function openFancybox() {
  $.fancybox({
     'autoScale': true,
     'transitionIn': 'elastic',
     'transitionOut': 'elastic',
     'speedIn': 500,
     'speedOut': 300,
     'autoDimensions': true,
     'centerOnScroll': true,
     'href' : '#contentdiv'
  });
}

This creates the box using “contentdiv” and opens it.

More Related Contents:

  1. How to bind fancybox to dynamic added element?
  2. fancybox bug with trigger click
  3. How do I make fancybox href dynamic?
  4. Fancybox (jQuery) – Passing information from parent to iframe and iframe back to parent
  5. jQuery .animate function not responding properly
  6. Why jQuery .load() is not working? [closed]
  7. Assign click handlers in for loop
  8. Scroll Automatically to the Bottom of the Page
  9. Reload an iframe with jQuery
  10. Finding line-wraps
  11. How to build simple jQuery image slider with sliding or opacity effect?
  12. How to check if the URL contains a given string?
  13. Javascript Contenteditable – set Cursor / Caret to index
  14. Detect if browser tab is active or user has switched away
  15. keycode and charcode
  16. Get the visible height of a div with jQuery
  17. Count the number of integers in a string
  18. Bootstrap 4: Uncaught ReferenceError: Popper is not defined
  19. AJAX Promises using Array
  20. Native javascript equivalent of jQuery :contains() selector
  21. How to tell which row number is clicked in a table?
  22. Consider marking event handler as ‘passive’ to make the page more responsive
  23. DOM Mutation event in JQuery or vanilla Javascript
  24. How to determine the best “framerate” (setInterval delay) to use in a JavaScript animation loop?
  25. Jquery success function not firing using JSONP
  26. How to change URL in browser without navigating away from page?
  27. ‘pageshow’ is not received when pressing “back” button on Safari on *IPad”
  28. What event does JQuery $function() fire on?
  29. jQuery UI autocomplete with objects
  30. object, param, jquery

Leave a Comment