Simple PopUp - Advanced

Written by Super User
Details: Category: Wasen.net Content | Published: 22 November 2012 | Hits: 25119

Simple PopUp - Pro Version contains some more advanced features...

 

Please review the manual here: Simple_PopUp.pdf

Here you can see the source of this page (as viewed in the Article Manager in Joomla back-end) including all the samples:
SimplePopUpProArticle.pdf

 

Download from the previous page.

For demonstrations on the usage, SCROLL DOWN!

 

Features:

  • Simple PopUp, regular PopUp like the one demo:ed on the previous page.
  • Multiple PopUp's on the same page using links to open them.
  • Prevent the PopUp at page load (like on this page), but not on the previous page where the PopUp opens at page load.
  • Use external content through URL, e.g. adding http://myserver.com/mypage.html
  • Use image in PopUp, also using title (description) for images.
  • Use it as a Image Gallery, open the first image and then have "next" and "previous" navigation buttons to change image.
  • Cookie support added (2011-07-30)! You can chose to only show the pop-up once to each visitor. See the manual (above) for more information.
  • Fix 2011-08-19: Resize/center on screen not working properly for FancyBox on mobile devices (e.g. Android, iPhone). This is now fixed.

For all the above features, check the manual on settings and usage.

 

As always, remember to comment and give your feedback!

 

and help me buy a new Motorola XOOM so I can help you while I am on the road...  Please! :)

 

 

Here are some of the new features displayed:

 

This is a simple link to open a PopUp!

And this is what you'll see when opening the simple link.

I am sure you will come to think of much more cool stuff to put in here...

With this link you will open up a very important external URL.

Donate - Simple File Upload
Hi,
thanks for showing intrest in my extensions for Joomla built by Anders Wasén.

I would like to be able to continue working on extending my stuff (and make new ones I have been thinking of) and therefore every buck is very much appreciated...

I am not trying to raise money for a cup of coffee like most other open-source developers... ;)
I have my aim much higher (and possibly years away) at a Motorola XOOM... Please help me get it! :)
The aim is $799...

A MASSIVE THANKS to all who has donatated and got me a Hyperion Zoom eye-piece for my telescope!!!! ($234)

Thank you, thank you so much, for showing your appreciation for the work I have put into these extensions!

With that said, use the "Donate" button below to award my work...

I humbly bow down and am forever greatful for all donations!
1 dollar or 20 doesn't matter, to know you appreciate my work is what is the most important thing...

The below mentioned people, my top contrubuters, are worth an extra big thanks!


Christian S. - Perry N. - Advanced Marketing Concepts - Glerin Business Resources, Inc. - Alexander L. - Raul M. - Pamela G. - Mariella B. - Penelope H. - Stanislaw W. - Solutions I.D.S. - Steven S - Sanof M. - Lorenzo R - Erick - Ulf W. - Peter M. - Sandy B. - Kathy K. - RnR Fusion John T. - Theresa A. - Dworg - Rick D.

Forms work too you know... Here a fake log in form

log in form
.

Please login first:

Username:

Password:

Do you want to show images, you can use a thumb-nail, like so:

 

This is a sample link

sample link
to open a PopUp that has a close link within!

Oh,man! This one was way booooring... I want to close it!!!
The code for the link is: <a class="close-link" href="javascript:void(0);" onclick="javascript: jQuery.fancybox.close();">close it</a>

 

Do you want to show the Joomla Login form?
If so you can see a sample by clicking here, and then read the last few pages of the manual (found at the top of this page).

 

An Image Gallery can be viewed here!

here!


Image Gallery through Simple PopUp!

There are a few things to note here...

  • As you can see you can mix content and images as you see fit.
  • The title (description) must be added on the links, not the image tag (image tag is the text looking like {name_of-plugin}, with the curly brackets)
  • Each PopUp box, image, URL or content, must have a link item but you can hide them using the parameter "hidden" (see the manual).
  • If you want to show thumbs (like previous sample) you can do that too and not hide the links.
  • Hover your mouse on the left/right edge of the image to get the "next" and "previous" buttons visible!

Pretty cool, right? ;)

here!

here

here

here

 

Here is the same gallery but using thumbs instead. Open any image and then move through the rest... Give it a try!

 

 

Tuesday the 21st. Wasen.net.