Background image izplešana pa visu ekrānu

[Contrazz]

Sveiki!

 

Problēmas ar CSS. Ir bilde, kura ielikta kā background image. Vajag kodu ar kuru var izplest bildi pa visu ekrānu, repeat funkcija neder.

[Vilx-]

To sauc par Stieni. Nevar. Vienīgais veids, kā var izstiept bildes, ir ar <img> tagu - sataisi savu HTML tā, lai viens būtu fonā, un izstiep to.

[Smirnoff]

Nepārbaudiju, vai šis tiešām ir tā, kā vajag, bet nu ķipa ir:

http://www.cssplay.co.uk/layouts/background.html

view source.

 

edit:

moš šito var downgreidot:

http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/

Labots Jūlijs 30, 2009 - Smirnoff

[Vilx-]

Nu, tur jau arī taisni <img> tiek izmantots. Biki gan nojauc right-click... bet tas varbūt pat nav slikti.

[Contrazz]

Paldies! Tieši tas, ko vajadzēja

[Programmētājs]

Re kur man šeit http://cs.ewalk.lv/ ir background pa visu lapu, bet uz citiem browseriem vai izšķirtspējām ir gļuki;

<style type="text/css"> 
<!--
body { 
 background-image: url("cs_background.gif");
 background-attachment: fixed;
 background-position: 100% 100%;
 background-repeat: no-repeat;
}
-->
</style>

[Contrazz]

Hmmm...tev tajā labā ir diezgan interesants Javascript plugins, ja nav žēl, varbūt vari padalīties?

[Programmētājs]

Nav žēl. Nav jau mans:

Es vairs neatceros, kur dabūju tos js, bet var jau dabūt:

http://cs.ewalk.lv/js/MouseTracker.js

http://cs.ewalk.lv/js/Carousel.js

 

<script language="javascript" type="text/javascript" src="js/MouseTracker.js"></script>
<script language="javascript" type="text/javascript" src="js/Carousel.js"></script>
<script language="javascript" type="text/javascript"> 

var mouseTracker = new MouseTracker();
var carousel = new Carousel('carousel', 'carouselDiv', mouseTracker, 900, 200, 160);
carousel.AddItem('1', 'cs_map_pic/bilde1.jpg');
carousel.AddItem('2', 'cs_map_pic/bilde2.jpg');
window.onload = function()
{
 carousel.DrawItems();
};
</script>

<div id="carouselDiv" class="noSelect" style="position: relative; left: 0px; top: 0px; width: 1px; height: 1px;" onmousedown="javascript:carousel.MouseDown();" onmousemove="javascript:carousel.Drag();">
</div>