FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: Background Bild skalierung vom 10.06.2010

	MGi Foren-Übersicht -> Programmierung -> Background Bild skalierung

Autor

Nachricht

peter_lang
Threadersteller

Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Do 10.06.2010 13:04 Titel Background Bild skalierung

Moin, wie nennt sich denn das script für die skalierung eines Hintergrundbildes wie aktuell bei Google?

choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich

Verfasst Do 10.06.2010 13:08
Titel

"Background Image Resizer" * Keine Ahnung... *

so hab damals das hier gefunden:

Code:

/******************************************************
* jQuery plug-in
* Easy Background Image Resizer
* Developed by J.P. Given (http://johnpatrickgiven.com)
* Useage: anyone so long as credit is left alone
******************************************************/
(function($) {
// plugin definition
$.fn.ezBgResize = function(options) {
   // First position object
   this.css("position","fixed");
   this.css("top","0px");
   this.css("left","0px");
   this.css("z-index","-1");
   this.css("overflow","hidden");

   // Set obj to the width and height of window
   this.css("width",getWindowWidth() + "px");
   this.css("height",getWindowHeight() + "px");

   // Resize the img object to the proper ratio of the window.
   var iw = this.children('img').width();
   var ih = this.children('img').height();
   if (getWindowWidth() > getWindowHeight()) {
      if (iw > ih) {
         var fRatio = iw/ih;
         this.children('img').css("width",getWindowWidth() + "px");
         this.children('img').css("height",Math.round(getWindowWidth() * (1/fRatio)));

         var newIh = Math.round(getWindowWidth() * (1/fRatio));

         if(newIh < getWindowHeight()) {
            var fRatio = ih/iw;
            this.children('img').css("height",getWindowHeight());
            this.children('img').css("width",Math.round(getWindowHeight() * (1/fRatio)));
         }
      } else {
         var fRatio = ih/iw;
         this.children('img').css("height",getWindowHeight());
         this.children('img').css("width",Math.round(getWindowHeight() * (1/fRatio)));
      }
   } else {
      var fRatio = ih/iw;
      this.children('img').css("height",getWindowHeight());
      this.children('img').css("width",Math.round(getWindowHeight() * (1/fRatio)));
   }
};

// private function for debugging
function debug($obj) {
   if (window.console && window.console.log) {
      window.console.log('Window Width: ' + $(window).width());
      window.console.log('Window Height: ' + $(window).height());
   }
};

// Dependable function to get Window Height
function getWindowHeight() {
   var windowHeight = 0;
   if (typeof(window.innerHeight) == 'number') {
      windowHeight = window.innerHeight;
   }
   else {
      if (document.documentElement && document.documentElement.clientHeight) {
         windowHeight = document.documentElement.clientHeight;
      }
      else {
         if (document.body && document.body.clientHeight) {
            windowHeight = document.body.clientHeight;
         }
      }
   }
   return windowHeight;
};

// Dependable function to get Window Width
function getWindowWidth() {
   var windowWidth = 0;
   if (typeof(window.innerWidth) == 'number') {
      windowWidth = window.innerWidth;
   }
   else {
      if (document.documentElement && document.documentElement.clientWidth) {
         windowWidth = document.documentElement.clientWidth;
      }
      else {
         if (document.body && document.body.clientWidth) {
            windowWidth = document.body.clientWidth;
         }
      }
   }
   return windowWidth;
};
})(jQuery);

sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich

Verfasst Do 10.06.2010 13:15 Titel

http://johnpatrickgiven.com/jquery/background-resize/ http://bavotasan.com/demos/fullbg/

peter_lang
Threadersteller

Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Do 10.06.2010 13:17 Titel

hmmm ...yo ...thx


	MGi Foren-Übersicht -> Programmierung

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.