Posts Tagged 'jQuery'

Attendere caricamento immagini prima di un’azione – jQuery

Plugin jquery WaitForImages:

https://github.com/alexanderdickson/waitForImages

utile anche negli append in Ajax, ad esempio nel caricamento di nuovi post con layout Masonry.

Es:

$(‘#boxes’).append(result);//.masonry(‘appended’, result);
$(‘#boxes’).waitForImages(function() {
// All descendant images have loaded
$(‘#boxes’).masonry(‘appended’, result);
});

Attendere caricamento immagini prima di un’azione – jQuery

Plugin jquery WaitForImages:

https://github.com/alexanderdickson/waitForImages

utile anche negli append in Ajax, ad esempio nel caricamento di nuovi post con layout Masonry.

Es:

$(‘#boxes’).append(result);//.masonry(‘appended’, result);
$(‘#boxes’).waitForImages(function() {
// All descendant images have loaded
$(‘#boxes’).masonry(‘appended’, result);
});

Impedire il salvataggio delle immagini dal sito

Per disabilitare il click del tasto destro e il trascinamento delle immagini usare:

jQuery(window).load(function(){
     // Here we are getting all images and turning off the context menu.
     // return false is the same as calling .preventDefault() and .stopPropagation()
     jQuery('img').bind("contextmenu",function(e){
     return false;
     });
     // Here we disable default behaviors for mousedown which include the drag options.
     jQuery('img').bind("mousedown",function(e){
     return false;
     });
 });

 

Utile in caso di foto che non si vogliono far “rubare” dai visitatori (almeno da quelli meno evoluti). Usato in: Soldi Piscine

Impedire il salvataggio delle immagini dal sito

Per disabilitare il click del tasto destro e il trascinamento delle immagini usare:

jQuery(window).load(function(){
     // Here we are getting all images and turning off the context menu.
     // return false is the same as calling .preventDefault() and .stopPropagation()
     jQuery('img').bind("contextmenu",function(e){
     return false;
     });
     // Here we disable default behaviors for mousedown which include the drag options.
     jQuery('img').bind("mousedown",function(e){
     return false;
     });
 });

 

Utile in caso di foto che non si vogliono far “rubare” dai visitatori (almeno da quelli meno evoluti). Usato in: Soldi Piscine

Reveal.js – animazione slides html

Schermata 2013-10-18 a 17.21.39

Schermata 2013-10-18 a 17.22.04

http://lab.hakim.se/reveal-js/#/

Per navigazione con la tastiera, gli elementi vengono animati in 3d, transizioni sia orizzontali che verticali.

Reveal.js – animazione slides html

Schermata 2013-10-18 a 17.21.39

Schermata 2013-10-18 a 17.22.04

http://lab.hakim.se/reveal-js/#/

Per navigazione con la tastiera, gli elementi vengono animati in 3d, transizioni sia orizzontali che verticali.