Bilžu izmērs (supersized)

[osC]

Sveiki,

Radās diezgan īpatnēja problēma mājaslapai, kuru nesen sataisīju. (links)

Visas bildes ir lielākā izmērā nekā tām vajadzētu būt, (izmērus var salīdzināt ar mazo thumbline bildīti)

Un skatoties template, ieraudzīju kas varētu būt pie vainas. (Supersized jQuery plugins)

Problēma būtu meklējama laikam tieši tajā supersized .css failā.

Tātad, varbūt kāds zin kas tur tieši pie vainas? Es īpaši css neorientējos.

Zemāk ir arī tas supersized.css fails. :)

 

/*

   Supersized - Fullscreen Slideshow jQuery Plugin
   Version : 3.2.5
   Site    : www.buildinternet.com/project/supersized

   Author    : Sam Dunn
   Company : One Mighty Roar (www.onemightyroar.com)
   License : MIT License / GPL License

*/

* { margin:0; padding:0; }
body { background:#111; height:100%; }
   img { border:none; }

   #supersized-loader {
   position:absolute;
   top:50%; left:50%;
   z-index:0;
   width:60px;
   height:60px;
   margin:-30px 0 0 -30px;
   text-indent:-999em;
   background:url(../images/ss/progress.gif) no-repeat center center;
   }

   #supersized {  
   display:block;
   position:fixed;
   left:0;
   top:0;
   overflow:hidden;
   z-index:-999;
   height:100%;
   width:100%;
   }
  	 #supersized img {
  	 width:auto;
  	 height:auto;
  	 position:relative;
  	 display:none;
  	 outline:none;
  	 border:none;
  	 }
  		 #supersized.speed img {
  		 -ms-interpolation-mode:nearest-neighbor;
  		 image-rendering: -moz-crisp-edges; }    
  		 /*Speed*/
  		 #supersized.quality img {
  		 -ms-interpolation-mode:bicubic;
  		 image-rendering: optimizeQuality;
  		 }   		 
  		 /*Quality*/

  	 #supersized li {
  	 display:block;
  	 list-style:none;
  	 z-index:-30;
  	 position:fixed;
  	 overflow:hidden;
  	 top:0;
  	 left:0;
  	 width:100%;
  	 height:100%;
  	 background:#111;
  	 }
  	 #supersized a { width:100%; height:100%; display:block; }
  		 #supersized li.prevslide { z-index:-20; }
  		 #supersized li.activeslide { z-index:-10; }
  		 #supersized li.image-loading { background:#111 url(../images/ss/progress.gif) no-repeat center center; width:100%; height:100%; }
  			 #supersized li.image-loading img{ visibility:hidden; }
  		 #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

[indoom]

Tāpēc jau plugins saucas supersized. var uzlikt fit_always true, ne tikai fit_portrait. Tad vismaz arī landscape bildes ietilps browsera izmēros.

[osC]

Tāpēc jau plugins saucas supersized. var uzlikt fit_always true, ne tikai fit_portrait. Tad vismaz arī landscape bildes ietilps browsera izmēros.

Kur rakstīt to fit_always?

[Pats Toms]

http://www.jzstudio.lv/js/run.js meklēfit_always, fit_portrait, fit_landscape.

 

 

fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions)

fit_portrait : 0, // Portrait images will not exceed browser height

fit_landscape : 0 // Landscape images will not exceed browser width

[Kavacky]

Kur tu izsauc, tur raksti: $.supersized({param: val, param: val});

[osC]

Pašlaik uzliku

  fit_always  : 1,
  fit_portrait      	: 1,
  fit_landscape     	: 0,

 

Var paskatīties šeit kā izskatās.

Tāpat nav kautkas riktīgi.

[osC]

Varbūt supersized 3.2.5.js nav kautkas kārtībā?

 

kods šeit

[y2ok]

Kāpēc tu liec visus 3 parametrus, ja Tev vajag tikai landscape?

 

Noņem pirmos 2 nost un pie landscape uzliec 1.

[osC]

Problēma tāda, ka tā bilde tagad rādās sākot no browsera augšas līdz pat lejai, nav iespējams samazināt izmēru līdz tam apakšējam menu? Jo tā bilde tad aiziet aiz menu.

Edited June 22, 2012 by osC

[y2ok]

Tad vienkārši maini atribūtu šim elementam -

 

 

#supersized {
 display:block;
 position:fixed;
 left:0;
 top:0;
 overflow:hidden;
 z-index:-999;
 height:100%; // Maini uz mazāku piemēram 70%
 width:100%;
}

Edited June 22, 2012 by y2ok

[osC]

Paldies, beidzot viss ir kārtībā. :)

[indoom]

Procentus height labāk neizmantot, tad dažādos izmēros izskatīsies dīvaini

Noņemt height: parametru vispār nost un pieliec bottom:45px vai cik vajag no apakšas