CSS - "odrezana slika"

4 naročniki

Ž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 :)