WordPress.org
Get WordPress

Plugin Directory

Changeset 833532


Ignore:
Timestamp:
01/05/2014 10:18:10 PM (12 years ago)
Author:
Irena0575
Message:

fancy new feature: set large image width and height

Location:
is-circular-photo-gallery/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • is-circular-photo-gallery/trunk/css/screen.css

    r815086 r833532  
    22    position:absolute;
    33    top:0px;
    4 
    54    border : 4px solid #DDDBDB;
    65    color: #ffffff;
    … …  
    1817    margin: 0 !important;
    1918    visibility:hidden; 
    20     border : 4px solid #FF0000;
     19    border : 4px solid #FF0000; 
    2120}
    2221
    … …  
    6362    border-bottom-color: #000;
    6463}
    65 .iscp_slider{
    66     position:absolute;
    67     margin-top:-1px !important;
    68     margin-left:-7px;
    69     z-index:10002;
    70     background-image:url(../img/slider.png);
    71     background-repeat:no-repeat;
    72     width:14px;
    73     height:14px;   
    74 }
     64
    7565.iscp_scrollbar.black .pp_slider {
    7666    background-image:url(../img/sliderblack.png);

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

    r827601 r833532  
    11/**
    2  *  IS Circular Photo Gallery 1.7
     2 *  IS Circular Photo Gallery 1.8
    33 *
    44 *    This provides an Polaroid style gallery plus
    … …  
    183183
    184184       
    185  this.moveImage = function(x)
    186 {
    187 
    188 
    189     var largerimage = this.largerimg_div.childNodes.item(this.array_largerimage[x]);
    190 
    191                 largerimage.style.display = 'block';
    192                 largerimage.style.left =420 + 'px';
    193                 largerimage.style.transform = 'rotate(' + 0 +'deg' + ')';
    194                 largerimage.style.webkitTransform = 'rotate(' + 0 +'deg' + ')';
    195                 largerimage.style.MozTransform = 'rotate(' + 0 +'deg' + ')';
    196                 largerimage.style.msTransform = 'rotate(' + 0 +'deg' + ')';
    197                 largerimage.style.OTransform = 'rotate(' + 0 +'deg' + ')';
    198                
    199                     largerimage.style.height = 120 + 'px';
    200                     largerimage.style.width = 160 + 'px';
    201                            
    202                 largerimage.style.borderRadius = 0 + 'px';
    203                 largerimage.style.MozBorderRadius = 0 + 'px';       
    204                 largerimage.style.WebkitBorderRadius =  0 + 'px';       
    205            
    206    
    207    
    208 };
     185
    209186
    210187 
    … …  
    235212        largerimage.style.borderWidth=this.largerimg_div.style.borderWidth;
    236213            largerimage.style.borderColor = this.largerimg_div.style.borderColor;
     214           
     215           
    237216
    238217        image.style.width = 80 + 'px';
    239218        largerimage.style.width = 80 + 'px';
    240219
    241   
     220        
    242221   
    243222    if (this.images_width<this.images_height) {
    244         //  rad=(this.images_width-(parseFloat(image.style.width) + (parseFloat(image.style.borderWidth)*2)+10))/2;
    245         rad=(this.images_width-(parseFloat(image.style.width) + (parseFloat(image.style.borderWidth)*2)+20))/2;
     223       
     224            rad=(this.images_width-(parseFloat(image.style.width) + (parseFloat(image.style.borderWidth)*2)+20))/2;
    246225           cx = Math.round((rad * Math.cos(angle) + this.images_width/2)-(parseFloat(image.style.width) + (parseFloat(image.style.borderWidth)*2)+10)/2);
    247226            cy = Math.round((rad * Math.sin(angle) + this.images_height/2)-(parseFloat(image.style.width) + (parseFloat(image.style.borderWidth)*2)+10)/2);
    248227            angle += increase;}
    249228            else {
    250             //      rad=(this.images_height-(parseFloat(image.style.width) + (parseFloat(image.style.borderWidth)*2)+10))/2;
     229       
    251230                   
    252231            rad=(this.images_height-(parseFloat(image.style.width) + (parseFloat(image.style.borderWidth)*2)+20))/2;
    … …  
    287266           
    288267                image.style.left =cx + 'px';
    289         /*      image.style.transform = 'rotate(' + this.rotate_images[index] + ')';
    290                 image.style.webkitTransform = 'rotate(' + this.rotate_images[index] + ')';
    291                 image.style.MozTransform = 'rotate(' + this.rotate_images[index] + ')';
    292                 image.style.msTransform = 'rotate(' + this.rotate_images[index] + ')';
    293                 image.style.OTransform = 'rotate(' + this.rotate_images[index] + ')';
    294             */ 
    295    
     268       
     269        largerimage.style.width=this.largerimg_div.style.Width;         
     270            largerimage.style.height=this.largerimg_div.style.Height;   
     271       
    296272       
     273 
     274                       
     275        if (this.images_width<this.images_height) {
     276           
     277                 if (parseFloat(this.largerimg_div.style.width) + 2 * parseFloat(this.largerimg_div.style.borderWidth)>=this.images_width){
     278    largerimage.style.width=this.images_width - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     279                           
     280    }   
     281       
     282            if (this.largerimg_div.style.borderWidth == '0px')  {
     283                largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.largerimg_div.style.borderWidth) + 5 + 'px';
     284                }
     285            if (this.largerimg_div.style.borderWidth != '0px') {
     286                largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.largerimg_div.style.borderWidth) - 5 + 'px';
     287            }
     288       
     289                }
     290                else{
     291                   
     292                         if (parseFloat(this.largerimg_div.style.width) + 2 * parseFloat(this.largerimg_div.style.borderWidth)>=this.images_width){
     293    largerimage.style.width=this.images_width - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     294                           
     295    }   
     296           
    297297                if (this.largerimg_div.style.borderWidth == '0px')  {
    298                     largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(largerimage.style.width) + 'px';
     298                    largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.largerimg_div.style.borderWidth) + 5 + 'px';
     299               
    299300                    }
    300                     if (this.largerimg_div.style.borderWidth != '0px'){
    301                         largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(largerimage.style.width) - parseFloat(this.largerimg_div.style.borderWidth)-5 + 'px';
    302                         }
     301                    if (this.largerimg_div.style.borderWidth != '0px') {
     302                    largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.largerimg_div.style.borderWidth) - 5 + 'px';
     303               
     304           
     305            }
     306            }
     307           
     308
     309           
     310                       
    303311   
    304312                largerimage.style.transform = 'rotate(' + 0 +'deg' + ')';
    … …  
    314322               
    315323                image.style.left =cx + 'px';
    316             /*  image.style.transform = 'rotate(' + this.rotate_images[index] + ')';
    317                 image.style.webkitTransform = 'rotate(' + this.rotate_images[index] + ')';
    318                 image.style.MozTransform = 'rotate(' + this.rotate_images[index] + ')';
    319                 image.style.msTransform = 'rotate(' + this.rotate_images[index] + ')';
    320                 image.style.OTransform = 'rotate(' + this.rotate_images[index] + ')';
    321                 */
     324       
    322325                largerimage.style.left =cx + 'px';
    323326                largerimage.style.transform = 'rotate(' + this.rotate_images[index] + ')';
    … …  
    343346                image.style.WebkitBorderRadius =    80 + 'px'; 
    344347               
    345                 largerimage.style.height = 120 + 'px';
    346                 largerimage.style.width = 160 + 'px';
    347        
     348   
     349       
     350
     351    /* Larger images style properties */
     352            largerimage.style.width=this.largerimg_div.style.width;         
     353            largerimage.style.height=this.largerimg_div.style.height;   
     354               
    348355           
    349356                largerimage.style.borderRadius = 0 + 'px';
    … …  
    353360                    if (this.images_width<this.images_height) {
    354361   
    355       largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';
     362           
     363     largerimage.style.top =this.imageflow2_div.offsetTop + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';
     364
     365   
     366   
    356367        }
    357368        else {
    358        
    359             largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';           
     369   
     370    largerimage.style.top =this.imageflow2_div.offsetTop + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     371
     372   
    360373            }   
    361374           
    362            
    363    
    364  
    365 
    366  if(typeof window.orientation !== 'undefined'){
    367 largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 30 + 'px';   
    368    
    369     }
    370 
    371 
    372    
    373   if(window.innerWidth <= 640 && window.innerHeight <= 966) {
    374      largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 30 + 'px';   
    375    
    376    } else {
    377      largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) - 6 + 'px';   
    378    
    379    }
    380    
    381    
     375   
     376
     377 if(window.innerWidth <= 640 && window.innerHeight <= 966) {
     378   
     379   
     380       
     381    largerimage.style.top =this.images_top + this.images_height/2 - parseFloat(largerimage.style.height)/2 - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 45 + 'px';   
     382
     383    if (largerimage.style.left<this.images_left) {
     384           
     385   
     386        if (this.largerimg_div.style.borderWidth == '0px')  {
     387            largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     388            }
     389        if (this.largerimg_div.style.borderWidth != '0px') {
     390            largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 'px';
     391        }
     392        }
     393   
     394   
     395   
     396     if (parseFloat(this.largerimg_div.style.width) + 2 * parseFloat(this.largerimg_div.style.borderWidth)>=this.images_width){
     397    largerimage.style.width=this.images_width - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     398                           
     399    }   
     400
     401
     402   
     403   
     404   
     405   
     406     if (largerimage.style.width=this.images_width || largerimage.style.width>this.images_width){   
     407     
     408    if (largerimage.style.width + 2 * parseFloat(this.largerimg_div.style.borderWidth)>=window.innerWidth) {
     409    if (this.images_width<this.images_height) {
     410       
     411            if (this.largerimg_div.style.borderWidth == '0px')  {
     412                largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     413                }
     414            if (this.largerimg_div.style.borderWidth != '0px') {
     415       
     416            largerimage.style.left =this.images_left - parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     417            }
     418       
     419                }
     420                else{
     421           
     422                if (this.largerimg_div.style.borderWidth == '0px')  {
     423                    largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     424               
     425                    }
     426                    if (this.largerimg_div.style.borderWidth != '0px') {
     427           
     428                largerimage.style.left =this.images_left - parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     429            }
     430            } 
     431           
     432        }
     433       
     434        else{
     435           
     436            if (largerimage.style.width=this.images_width){
     437                if (this.largerimg_div.style.borderWidth == '0px')  {
     438                    largerimage.style.left =this.images_left + this.images_width/2 - largerimage.style.width/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     439               
     440                    }
     441                    if (this.largerimg_div.style.borderWidth != '0px') {
     442           
     443                largerimage.style.left =this.images_left + this.images_width/2 -largerimage.style.width/2 - parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     444            if (parseFloat(largerimage.style.left) < 0) {
     445                largerimage.style.left =this.images_left - parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     446            }
     447           
     448            }
     449               
     450                } else {
     451           
     452                if (this.largerimg_div.style.borderWidth == '0px')  {
     453                    largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     454               
     455                    }
     456                    if (this.largerimg_div.style.borderWidth != '0px') {
     457                    largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(this.largerimg_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 'px';
     458           
     459            }
     460            } 
     461            }
     462       
     463        }
     464       
     465       
     466    }
    382467 
    383468
     469                 if (parseFloat(this.largerimg_div.style.width) + 2 * parseFloat(this.largerimg_div.style.borderWidth)>=this.images_width){
     470    largerimage.style.width=this.images_width - 2 * parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     471        if (this.images_width<this.images_height) {
     472       
     473            if (this.largerimg_div.style.borderWidth == '0px')  {
     474                largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(largerimage.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     475                }
     476            if (this.largerimg_div.style.borderWidth != '0px') {
     477       
     478            largerimage.style.left =this.images_left - parseFloat(this.largerimg_div.style.borderWidth) + 'px';
     479            }
     480       
     481                }
     482                else{
     483           
     484                if (this.largerimg_div.style.borderWidth == '0px')  {
     485                    largerimage.style.left =this.images_left + this.images_width/2 - parseFloat(largerimage.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     486               
     487                    }
     488                    if (this.largerimg_div.style.borderWidth != '0px') {
     489               
     490                largerimage.style.left =this.images_left - parseFloat(this.largerimg_div.style.borderWidth) - 5 + 'px';
     491            }
     492            } 
     493                           
     494    }   
    384495           
    385496        largerimage.style.borderColor = this.largerimg_div.style.borderColor;
    … …  
    405516           
    406517       
    407                 largerimage.style.height = 80 + 'px';
    408                 largerimage.style.width = 80 + 'px';
     518            largerimage.style.height = 80 + 'px';
     519            largerimage.style.width = 80 + 'px';
     520        //      largerimage.style.top =this.images_top - parseFloat(this.largerimg_div.style.borderWidth) + 30 + 'px';
     521        //  largerimage.style.width=this.largerimg_div.style.Width;         
     522        //  largerimage.style.height=this.largerimg_div.style.Height;   
    409523                largerimage.style.borderRadius = 80 + 'px';
    410524                largerimage.style.MozBorderRadius = 80 + 'px';     
    411525                largerimage.style.WebkitBorderRadius =  80 + 'px'; 
    412526                largerimage.style.visibility = 'hidden';
     527   
    413528               
    414529                }
    … …  
    502617
    503618    /* Change images div properties */
    504     this.img_div.style.height = this.images_height + 'px';
    505 
     619    this.img_div.style.height = this.images_top + 'px';
     620   
    506621   
    507622   
    … …  
    520635           
    521636        if (this.largerimg_div.style.borderWidth == '0px') 
    522         {this.caption_div.style.width=160 + 'px';
     637        {
     638            //this.caption_div.style.width=160 + 'px';
     639        this.caption_div.style.width=this.largerimg_div.style.width;   
    523640        }
    524641        if (this.largerimg_div.style.borderWidth != '0px') {
    525             this.caption_div.style.width=170 + 'px';
     642           
     643        //  this.caption_div.style.width=170 + 'px';
     644        this.caption_div.style.width=parseFloat(this.largerimg_div.style.width) + 10 + 'px';   
     645       
    526646            }
    527647
    … …  
    531651
    532652  if(window.innerWidth <= 640 && window.innerHeight <= 966) {
    533              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';
     653        if (this.images_width<this.images_height) {
     654   
     655        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) + 40 + 'px';
     656       
     657        if (parseFloat(this.largerimg_div.style.height) >= this.images_height){
     658            this.caption_div.style.top =this.images_top + this.images_height - 2 * parseFloat(this.caption_div.style.borderWidth) + 60 + 'px';
     659            }
     660           
     661       
     662        }
     663        else
     664        {
     665             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) + 40 + 'px';
     666            if (parseFloat(this.largerimg_div.style.height) >= this.images_height){
     667            this.caption_div.style.top =this.images_top + this.images_height - 2 * parseFloat(this.caption_div.style.borderWidth) + 60 + 'px';
     668            }
     669       
     670        }
    534671       
    535672    }
    536673        else { 
    537674             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';
    538        
    539         }
    540        
    541        
     675        if (parseFloat(this.largerimg_div.style.width)>=this.images_width){
     676            this.caption_div.style.top =this.images_top + this.images_height + 'px';
     677            }
     678        }
     679       
     680   
    542681
    543682
    … …  
    555694           
    556695                if (this.largerimg_div.style.borderWidth == '0px')  {
    557                     this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) +5 + 'px';
     696                    this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
    558697               
    559698                    }
    560699                    if (this.largerimg_div.style.borderWidth != '0px') {
    561                                         this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 'px';
    562                
    563             }
    564             }
     700                    this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 'px';
     701               
     702            }
     703            }
     704           
     705         if (parseFloat(this.largerimg_div.style.width) + 2 * parseFloat(this.largerimg_div.style.borderWidth)>=this.images_width){
     706    this.caption_div.style.width=this.images_width + 'px';
     707   
     708    if (this.images_width<this.images_height) {
     709       
     710            if (this.largerimg_div.style.borderWidth == '0px')  {
     711                this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     712                }
     713            if (this.largerimg_div.style.borderWidth != '0px') {
     714                this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 'px';
     715            }
     716       
     717                }
     718                else{
     719           
     720                if (this.largerimg_div.style.borderWidth == '0px')  {
     721                    this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) + 5 + 'px';
     722               
     723                    }
     724                    if (this.largerimg_div.style.borderWidth != '0px') {
     725                    this.caption_div.style.left =this.images_left + this.images_width/2 - parseFloat(this.caption_div.style.width)/2 - parseFloat(this.caption_div.style.borderWidth) - 5 + 'px';
     726               
     727            }
     728            }
     729                           
     730    }               
     731           
     732           
    565733    /* Set slider attributes */
    566734    this.slider_div.onmousedown = function () { thisObject.dragstart(this); return false; };

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

    r827601 r833532  
    69691. IS Circular Photo Gallery, captions enabled
    70702. IS Circular Photo Gallery, captions disabled
    71 3. Choose the options you need.
     713. Choose the options you need
     724.  IS Circular Photo Gallery, Large picture width = Container width CSS (640 px); Large picture height = Container height (480px); captions enabled
    7273
    7374== Changelog ==
     75
     76Version 1.8 (January 05, 2014)
     77
     78* Set large picture width/height
    7479
    7580Version 1.7 (December 23, 2013)

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

    r827601 r833532  
    44Plugin URI: http://www.polaroidgallery.hostoi.com
    55Description: WordPress implementation of the circular picture gallery.
    6 Version: 1.7
     6Version: 1.8
    77Author: I. Savkovic
    88Author URI: http://www.polaroidgallery.hostoi.com
    … …  
    148148        $bgccolor = $options['bgccolor'];
    149149        $bdccolor = $options['bdccolor'];
    150 
     150        $lgimgwidth = $options['lgimgwidth'];
     151        $lgimgheight = $options['lgimgheight'];
    151152   
    152153
    … …  
    212213/* larger image */
    213214
    214 $output .= '<div id="' . $this->largerimagesdiv . '_' . $this->iscp_instance . '" class="' . $this->largerimagesdiv . '" style="border-width: ' . $lgimgbdwidth . '; border-color: ' . $lgimgbdcolor . ';">' . PHP_EOL;
     215$output .= '<div id="' . $this->largerimagesdiv . '_' . $this->iscp_instance . '" class="' . $this->largerimagesdiv . '" style="border-width: ' . $lgimgbdwidth . '; border-color: ' . $lgimgbdcolor . '; width: ' . $lgimgwidth . '; height: ' . $lgimgheight . ';">' . PHP_EOL;
    215216/*$output .= '<div id="' . $this->largerimagesdiv . '_' . $this->iscp_instance . '" class="' . $this->largerimagesdiv . '">' . PHP_EOL;*/
    216217/*$output .= '<div id="' . $this->largerimages . '_' . $this->iscp_instance . '" class="' . $this->largerimages . '" style="border-width: ' . $lgimgbdwidth . '; border-color: ' . $lgimgbdcolor . ';">' . PHP_EOL; */
    … …  
    425426                        'lgimgbdcolor' => '#5882FA', // Border color of central image defaults
    426427                        'imgbdwidth'=> '5px',   // Width of image border
    427                         'lgimgbdwidth'=> '5px'  // Width of large image border
     428                        'lgimgbdwidth'=> '5px', // Width of large image border
     429                        'lgimgwidth'=> '160px', // Width of large image
     430                        'lgimgheight'=> '120px' // Height of large image
    428431                    );
    429432        $saved_options = get_option($this->adminOptionsName);
    … …  
    602605            $options['lgimgbdwidth'] = $_POST['iscpgallery_lgimgbdwidth'];
    603606           
     607    /*
     608            ** Accept the  large image width
     609            */
     610            $options['lgimgwidth'] = $_POST['iscpgallery_lgimgwidth'];
     611           
     612                /*
     613            ** Accept the large image height
     614            */
     615            $options['lgimgheight'] = $_POST['iscpgallery_lgimgheight'];
     616                       
     617           
     618           
    604619            /*
    605620            ** Look for the container height
    … …  
    747762                <h3><?php echo __('Large Picture Formatting','wp-iscircularphoto'); ?></h3>
    748763                <table class="form-table">
     764                <tr>
     765                    <th scope="row">
     766                    <?php echo __('Large picture width', 'wp-iscircularphoto'); ?>
     767                    </td>
     768                    <td>
     769                    <input type="text" name="iscpgallery_lgimgwidth" value="<?php echo $options['lgimgwidth']; ?>">
     770                    &nbsp;<em>Default value 160px</em>
     771                    </td>
     772                </tr>   
     773                <tr>
     774                    <th scope="row">
     775                    <?php echo __('Large picture height', 'wp-iscircularphoto'); ?>
     776                    </td>
     777                    <td>
     778                    <input type="text" name="iscpgallery_lgimgheight" value="<?php echo $options['lgimgheight']; ?>">
     779                    &nbsp;<em>Default value 120px</em>
     780                    </td>
     781                </tr>                           
    749782                <tr>
    750783                    <th scope="row">
Note: See TracChangeset for help on using the changeset viewer.