Jump to content
php.lv forumi

Bilžu izmērs (supersized)


osC
 Share

Recommended Posts

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; }

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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 by osC
Link to comment
Share on other sites

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 by y2ok
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...