64 lines
1.5 KiB
JavaScript
64 lines
1.5 KiB
JavaScript
|
dojo.provide("demos.cropper.src");
|
||
|
|
|
||
|
|
dojo.require("demos.cropper.src.Preview");
|
||
|
|
dojo.require("dojox.analytics.Urchin");
|
||
|
|
dojo.require("demos.cropper.src.nav");
|
||
|
|
|
||
|
|
;(function(d, $){
|
||
|
|
|
||
|
|
d.addOnLoad(function(){
|
||
|
|
|
||
|
|
// basic loading indicator code:
|
||
|
|
var loadIndicator = d.byId("loader"),
|
||
|
|
hide = d.fadeOut({ node: loadIndicator }),
|
||
|
|
show = d.fadeIn({ node: loadIndicator })
|
||
|
|
;
|
||
|
|
|
||
|
|
// create a default instance of this:
|
||
|
|
var preview = new image.Preview({
|
||
|
|
// hide the loader after each img onload:
|
||
|
|
imageReady: d.hitch(hide, "play"),
|
||
|
|
hoverable:true
|
||
|
|
}, "me");
|
||
|
|
// or if no ref needed: $("#me").preview();
|
||
|
|
|
||
|
|
// setup the clicking for the thumbnails
|
||
|
|
$("#picker").onclick(function(e){
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
// it's the link or the img
|
||
|
|
var et = e.target,
|
||
|
|
src = et.parentNode.href || et.href;
|
||
|
|
|
||
|
|
if(src && preview.image.src != src){
|
||
|
|
// show the loader after each click
|
||
|
|
show.play();
|
||
|
|
// when we have a src to load, set both images
|
||
|
|
preview.domNode.src = preview.image.src = src;
|
||
|
|
// update the title text:
|
||
|
|
// d.byId("titleText").innerHTML = preview.image.alt = et.alt;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
// hook up the nav.js link in footer text:
|
||
|
|
$("#navjs").onclick(function(e){
|
||
|
|
// special syntax to trick build system
|
||
|
|
d["require"]("demos.cropper.src.nav");
|
||
|
|
e.preventDefault();
|
||
|
|
});
|
||
|
|
|
||
|
|
// shortly after onLoad, track the page (prevent UI blocking)
|
||
|
|
new dojox.analytics.Urchin({
|
||
|
|
acct: "UA-3572741-1",
|
||
|
|
GAonLoad: function(){
|
||
|
|
this.trackPageView("/demos/cropper");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
})(dojo, dojo.query);
|
||
|
|
|