--- a/Pdf/BaladeNature/Js/balade_nature.js mar. avril 16 12:31:08 2013 +0200
+++ b/Pdf/BaladeNature/Js/balade_nature.js mar. avril 23 08:31:19 2013 +0200
@@ -10,27 +10,28 @@
window.addEvent('domready', function(){
// Hotspots
(function initialize() {
- var scenario;
- var content;
$$(".pdocHotspot").each(function(hotspot) {
- scenario = hotspot.getElement("span");
- content = $(hotspot.get('id').replace("x", "z"))
- if (scenario && content) {
-
+ var spot = $(hotspot.get('id') + "s")
+ var scenario = hotspot.getElement("span");
+ if (spot && scenario) {
hotspot.addEvent("click", function() {
- var content = $(this.get('id').replace("x", "z"));
- content.setStyles({"opacity": 0, "display": "block"});
+ var spot = $(this.get('id') + "s");
+ if (spot.getChildren("img")) {
+ spot.setStyles({"opacity": 1, "display": "block"});
+ } else {
+ spot.setStyles({"opacity": 0, "display": "block"});
+ spot.tween("opacity", 1);
+ }
this.setStyle("display", "none");
- content.tween("opacity", 1);
(function() {
- content.setStyle("display", "none");
+ spot.setStyle("display", "none");
hotspot.setStyle("display", "block");
}).delay(12000);
});
- content.addEvent("click", function() {
+ spot.addEvent("click", function() {
this.setStyle("display", "none");
- $(this.get('id').replace("z", "x"))
+ $(this.get('id').substring(0, this.get('id').length-1))
.setStyle("display", "block");
});
}