Indexhibit Teil 6 – Projekte featuren mit der automatischen Slideshow mit Fade-Effekt
Mittwoch, 30. Juni 2010 17:14
In diesem Tutorial geht es wieder um Indexhibit und wie ihr auf der Startseite einzelne Projekte in einer Slideshow featuren und direkt verlinken könnt.
Das InnerFade Script könnt ihr euch hier runterladen.
Dieser Teil kommt in die index.php in eurem Theme-Ordner:
<script type=”text/javascript” src=”<%baseurl%><%basename%>/site/js/jquery.innerfade.js”></script>
<script type=”text/javascript”>
$(document).ready(
function(){
$(‘#slideshow’).innerfade({
animationtype: ‘fade’,
speed: ‘slow’,
timeout: 3000,
type: ‘random’,
});});
</script>
Und diesen Teil kopiert ihr in eurem Backend auf die gewünschte Seite. Hier wird nur ein Bild aufgerufen. Den Teil müsst ihr kopieren und natürlich die Verlinkung und die Bildquelle ändern.
<div id=”slideshow”>
<a href=”http://www.incolorswetrust.com/project/whats-he-building”><img src=”http://www.incolorswetrust.com/files/slideshow/building.jpg” width=”600″ height=”334″ /></a>
</div>
Die Bilder mĂĽsst ihr entweder separat erstellen und ĂĽber FTP hochladen oder ihr verlinkt auf Bilder, die sowieso schon in den Projekten verwendet werden.
Die Bilder können auch unterschiedliche Größen haben, schöner sieht’s aber aus, wenn sie alle gleichgroĂź sind.
weitere Indexhibit Tutorials:
Thema: Indexhibit, Tutorial | Kommentare (102) | Autor: Daniel
