[Pro] Fancybox Auto Load (JQuery)

Hi all,

I am trying to figure out how to load an iframe through fancybox on page load or a defined delay. Currently you can trigger the iframe by clicking the grey bar at the bottom of the page. (links to a random page)

I tried using the method given on fancybox’s documentation however, I cannot get it to work.

Any help would be much appreciated! Are there any alternatives?

Thanks,

Seb

servicedapartmentsinnewbury(dotcom)/dev/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Just sorted this. If it helps anyone else here is the script I used to do this.

Also, you need to add the id=“autostart” to your tags for the popup link.

Seb


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Seb,

Site looks good!

Just trying to get to grips with JQuery & its implementation into Freeway. There are hundreds of plugins & I think you need some coding knowledge (im a novice) so are there some simple steps to implementing JQuery into FW?

Worm


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you base this on an ID (#autostart) then you can only have one such element on the page. If you want to be able to apply this to more than one element on the page, use a class-based trigger $(".autostart") and be sure to add class="autostart" to your link through the Extended dialog instead of id="autostart".

Walter

On Nov 5, 2012, at 11:46 AM, Sebastian Crewe-Turrell wrote:

Just sorted this. If it helps anyone else here is the script I used to do this.

Also, you need to add the id=“autostart” to your tags for the popup link.

Seb


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi worm. Thanks.

Implementing JQuery is usually a very straight forward process. Make sure your providing the correct links to the scripts and library in the head section of your website. Via Page > HTML Markup. You will then have to give, for example, your DIV a class name making sure it corresponds with what it is for your script etc.

Here is another example of JQuery Gallery implementation using the steps above. The pictures are all contained within a DIV via insert > markup.

Take a look at this site, analyse the code and your half way there!!

phoenixapartments(dotco.uk)/parkway.html

Thanks, as always, for the tip Walt!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

ScriptyFader can do the same thing - http://www.deltadesign.co/fw_examples/fwactions/scriptyfader.html

And still give compatibility with the native FW actions.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options