Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Get help for TinyWebGallery, the best image gallery. The forum is also home for the Joomla JFUploader, TWG Flash Uploader and the Wordpress flash uploader.
It is currently 17. Dec 2018, 19:59

All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 4 posts ] 
Author Message
PostPosted: 9. Aug 2018, 15:59 
Offline

Joined: 9. Aug 2018, 10:05
Posts: 2
I am able to lazy load iframe on click. How to activate lazy loading on hover?


Top
 Profile  
 
PostPosted: 9. Aug 2018, 21:52 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10956
Please see

http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/lazy-loading#e25

the onclick is only an example. you can use e.g. onmouseover as well there.

Best, Michael


Top
 Profile  
 
PostPosted: 10. Aug 2018, 19:32 
Offline

Joined: 9. Aug 2018, 10:05
Posts: 2
But I could not find on how to add onmouseover and generating the corresponding shortcode. In the example shortcode (as given below), there is no option for onclick or onmouse event.

[advanced_iframe securitykey="your key" src="http://examples.tinywebgallery.com/example3u4/example.html" use_shortcode_attributes_only="true" id="example25" height="1200" width="1600" show_part_of_iframe="true" show_part_of_iframe_x="460" show_part_of_iframe_y="400" show_part_of_iframe_width="500" show_part_of_iframe_height="260" show_part_of_iframe_next_viewports="460,180,800,720" show_part_of_iframe_next_viewports_loop="true" iframe_zoom="2" enable_lazy_load="true" enable_lazy_load_threshold="5000" enable_lazy_load_fadetime="5000" enable_lazy_load_manual="true" enable_lazy_load_manual_element="#button25"]


Top
 Profile  
 
PostPosted: 10. Aug 2018, 21:02 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10956
example 25 has 2 ways to add this to an element:
enable_lazy_load_manual_element="#button25" -> this is a onclick event added automatcially

But as you see I have a
onclick="aiLoadIframe_example25();"
added manually added to the first link.

so you have to add this manually in your case to your element
onmouseover ="aiLoadIframe_example25();"

Best, Michael


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
powered by phpbb | Datenschutz/ Privacy policy