Changeset 827601

Timestamp:

12/23/2013 06:44:30 PM (12 years ago)

Author:

Irena0575

Message:

fancy new feature: display better on mobile

Location:

is-circular-photo-gallery/trunk

Files:

• js/iscirculargallery.js (modified) (3 diffs)
• readme.txt (modified) (1 diff)
• wp-iscircularphoto.php (modified) (1 diff)

is-circular-photo-gallery/trunk/js/iscirculargallery.js

@@ -1 +1 @@
 /**
- *  IS Circular Photo Gallery 1.6
+ *  IS Circular Photo Gallery 1.7
  *
  *    This provides an Polaroid style gallery plus
@@ -351 +351 @@
                 largerimage.style.WebkitBorderRadius =  0 + 'px';   
                 
-                var isChrome = !!window.chrome;
-                
-                    if (isChrome = 'true')  {           
-    
-        if (this.images_width<this.images_height) {
+                    if (this.images_width<this.images_height) {
     
       largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';
         }
-        else{
+        else {
         
             largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';           
-            }
-            }
-            
-            else {
-            
-        if (this.conf_nocaptions = 'true') {            
-    
-        if (this.images_width<this.images_height) {
-    
-      largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';
-        }
-        else{
-        
-            largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';           
-            }
-            }
-        else {      
-    
-        if (this.images_width<this.images_height) {
-    
-      largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 4 * parseFloat(this.largerimg_div.style.borderWidth) + 2 + 'px';
-        }
-        else{
-        
-            largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 4 * parseFloat(this.largerimg_div.style.borderWidth) + 2 + 'px';           
-            }
-            }
-            
-        }
+            }   
+            
+            
+    
+ 
+
+ if(typeof window.orientation !== 'undefined'){
+largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 30 + 'px';    
+    
+    }
+
+
+    
+  if(window.innerWidth <= 640 && window.innerHeight <= 966) {
+     largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 30 + 'px';    
+    
+   } else {
+     largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';    
+    
+   }
+   
+   
+  
+
             
         largerimage.style.borderColor = this.largerimg_div.style.borderColor;
@@ -537 +528 @@
 
     this.caption_div.style.borderWidth=this.largerimg_div.style.borderWidth;
-    
-    
-    if (this.images_width<this.images_height) {
-
-     this.caption_div.style.top =this.images_top + this.images_height/2 + parseFloat(this.caption_div.style.width)/2 + parseFloat(this.caption_div.style.borderWidth) - 4 * parseFloat(this.largerimg_div.style.borderWidth) - 5 + 'px';
-    }
-    else {
-
-         this.caption_div.style.top =this.images_top + this.images_height/2 + parseFloat(this.caption_div.style.width)/2 + parseFloat(this.caption_div.style.borderWidth) - 4 * parseFloat(this.largerimg_div.style.borderWidth) - 5 + 'px';
-        }
+
+
+  if(window.innerWidth <= 640 && window.innerHeight <= 966) {
+             this.caption_div.style.top =this.images_top + this.images_height/2 + parseFloat(this.caption_div.style.width)/2 + parseFloat(this.caption_div.style.borderWidth) - 4 * parseFloat(this.largerimg_div.style.borderWidth) + 35 + 'px';
+        
+    }
+        else {  
+             this.caption_div.style.top =this.images_top + this.images_height/2 + parseFloat(this.caption_div.style.width)/2 + parseFloat(this.caption_div.style.borderWidth) - 4 * parseFloat(this.largerimg_div.style.borderWidth) - 5 + 'px';
+        
+        }
+        
+        
+
 
         if (this.images_width<this.images_height) {

is-circular-photo-gallery/trunk/readme.txt

@@ -73 +73 @@
 == Changelog ==
 
+Version 1.7 (December 23, 2013)
+
+* Display better on mobile devices
+
 Version 1.6 (December 20, 2013)
 

is-circular-photo-gallery/trunk/wp-iscircularphoto.php

@@ -4 +4 @@
 Plugin URI: http://www.polaroidgallery.hostoi.com
 Description: WordPress implementation of the circular picture gallery. 
-Version: 1.6
+Version: 1.7
 Author: I. Savkovic
 Author URI: http://www.polaroidgallery.hostoi.com