A legegyszerűbb módszer teaser kép megjelenítésére:
1. Feltelepítjük a cck és imagefield modulokat
2. Létrehozunk az egyik tartalomtípusnak egy image típusú cck mezót, amit teaser_image névre keresztelünk.
3. A beállításainál:
A userek által látható elnevezés: Teaser kép
Maximum resolution for Images: 120×120
Elérési útnak megadunk egy mappát a files mappába (pl: kepek/teaser_images)
Multiple values: ne pipáld ki!
4. A mezők megjelenítése beállításnál (Display fields) mind a Bevezető, mind a Teljes megjelenítésnél állítsuk Hidden-re.
5. A smink könyvtárában található node.tpl.php fájlba a …
<div class="content">
<?php print $content ?>
</div>
… helyett tegyük be ezt:
<div class="content">
<?php
if ($teaser == 1) { //ez a teaser view
print ‘<div id="teaser_view">’; //hogy tudjuk mondjuk jobbra floatolni a kepet (div#teaser_view img {float: right;})
if(isset($node->field_teaser_image) && is_array($node->field_teaser_image)) { //a field_teaser_image a cck image-el letrehozott mezo, a neve teaser_image
print ‘<a href="/node/’.$nid.’" >
<img src="’. base_path().”.$node -> field_teaser_image[0][‘filepath’] .’" class="teaser_images" /></a>’;
}
print $content;
print ‘</div>’;
}
else { //ez a page view
print ‘<div id="page_view">’;
print $content;
print ‘</div>’;
}
?>
</div>
6. A style.css fájlba pedig ezt:
.teaser_images {
float: left;
margin-right: 5px;
margin-top: 3px;
}
7. Garland sminknél a fix-ie.css fájlba is be kell másolni a fentebbit, különben az IE nem jeleníti meg a teaser képet.
8. Próbáljuk ki, hozzunk létre egy olyan tartalmat, amelyiknek megadtuk az image cck-t!
Töltsük fel a Teaser képet és köszönjük meg ninja-nak a kódot! : )
A tartalomhoz feltöltött képtár első képe a teaserben
1. Telepítsük a cck, imagefield, imageapi, imagecache és az ImageField Gallery modulokat ebben a sorrendben!
Fontos, hogy az imageapi települjön fel először és csak utána az imagecache!
2.