CSS - "odrezana slika"

Živjo,

imam eno tažavo:

namesto da bi bila slika pomanjšana (ali raztegnjena) je slika odrezana.

Zanima me kako prilagodit naslednjo css kodo, da bo slika katerekoli dimenzije ustrezala v okvir.

CSS:

.slider-image{width:400px;height:250px;float:left;padding:5px;border:1px solid #DDDDD3;margin:0 0 0 15px}

HTML:

<div class="slider-image">

<img src="random_slika.jpg" width="400px" height="250px">


</div>

Hvala za odgovore :)

to morš spremenit v php fajlih

kaj pa točno?

cela php koda za sliko je naslednja:

<div class="slider-image">

<?php if (haspostthumbnail()) { thepostthumbnail('featured' ,array('class' => 'featured-image'));}

else { ?>

<img src="<?php echo catch_first_image() ?>" width="400px" height="250px">

<?php } ?>

</div>

gre se pa za wordpress, če kaj pomaga :D

Je slika dejansko velka 400x250 ali je manjša?

te pixle daj na zeljeno velikost. Mozno, da bos moral spremenit tud v kahih functions.php, slider.php, ipd., na pamet hdaj govorim, velikokrat pa je, da je treba na vec mestih. Ce ne bos znal mi daj ZS pa ti pomagam

v functions.php je potrebno napisati velikost thumbnailov:

if ( functionexists( 'addthemesupport' ) ) {

addthemesupport( 'post-thumbnails' );

setpostthumbnailsize( 400, 9999);

}

vrednosti lahko spreminjaš. Prva številka je širina, druga je višina, v tem primeru se le ta prilagodi originalnem formatu.

Nato le pokličeš thumbnail v php in ne rabiš nič več nastavljat nikjer. Problem je edino, da boš mogel image na novo uploadat da bodo nastali v tej velikosti.

pokličeš pa z:

<?php

if ( haspostthumbnail() ) {

thepostthumbnail();

}

lahko pa jih tud sam rebuildas s pluginom na novo velikost in ne rabis na novo uploadat. Regenerate thumbnails se rece pluginu.

Hvala jazzfunk, sem zrihtal :)