Wordpress için slide show yapalım

merhabalar az çok hepimiz sitemizde ve ana sayfamızda resimleri "Özel Alanlar" Yardımı ile yayınlıyoruz peki bu özel alanları kullanarak Bir Slide Show Yapabilirmiyiz
normalinde kullandığınız ( resmler için ) özel alan tema klasöründeki index.php içerisine eklediğiniz kod ile gösteriliyor
aşağıda görülen özel alanda gelen resimi 165 x 191 boyutlarında küçültüp ana sayfamda gösterebiliyorum resime tıklanıncada ilgili konu id sine yönlendirebiliyorum

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><img class="aligncenter" title="Kapak Resmi" src="<?php $values = get_post_custom_values("kapakresmi"); echo $values[0]; ?>" alt="" width="165" height="191" /></a></p>

burda şöyle bir döngüye ihtiyacım var şimdiki zamandan geçmişe dönük olarak yan yana tüm konuların kapak resimlerini çeken bir sorgu lazım bu sorguyu yaratıp template klasörümde bir "slide.php" yaratıp
daha sonra bunu temamın index.php sayfasına include etmeliyim

<?php include (TEMPLATEPATH . '/slide.php'); ?>

başlandıç olarak ilk amacım resimleri çekmek
ikinci olarak Marquee Kullanmadan sınırsız bir döngü oluşturmak ki hoşlanmadığım kodlar arasında yer alır
üçüncü olara Reflection yani yansıma olayı her resimin JS kullanarak bir yansımasını oluşturmak
dödüncü adımda 2 adet ok yardımı ile hareket halindeki slideshow u manuel olarak elle saa veya sola doğru ilerletmek
hadi bakalım ilk adım için yardımlarınızı bekliyorum ....

evet dakika 1 gol 1 şimdi ilk adımı aştım sayılır nasıl yaptım bilmiyorum normal temamı ncelerken şu satırlara rastladım ve aynen onları kopyalayıp istediğim şekile soktum

<?php rewind_posts(); ?> <!-- postları geri sar -->
<?php query_posts('showposts=20&offset=1'); ?><!-- Postları kontrol et 20 tane Göster -->
<?php if (have_posts()) : ?> <!-- Post varsa -->
<?php while (have_posts()) : the_post(); ?>  <!-- ne olduğunu açıkcası bilmiyorum ama lazımdır umarım -->
<?php if( get_post_meta($post->ID, "kapakresmi", true) ): ?> <!-- Kapak resimi mevcutsa -->
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><img title="Kapak Resmi" src="<?php $values = get_post_custom_values("kapakresmi"); echo $values[0]; ?>" alt="" width="165" height="191" /></a>
<?php else: ?> <!-- Kapak resimi yoksa -->
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><img title="Kapak Resmi" src="/resimyok.png" alt="" width="165" height="191" /></a>
<?php endif; ?> 
<?php endwhile; ?>
<?php endif; ?>

sırada ikinci adım var katılım bekliyorum

Ve nihayetinde bitirdim arkadaşlar
Demo

kanlı Canlı Demo
Özellikleri Basit de olsa bana göre başarılı
Fare üstüne gelince Postun adını yazar
tıklanınca Posta gider
otomatik olarak Hareket eder ve kullanıcı müdahale edince durur
Yanlış Anlaşılması olmasın Marguee değil zaten baştaki postda da açıklamıştım bu kodu pek sevmiyorum JQuery ile yaptım

Güzel görünüyor..

aslında bu balığı açarken yardım alma amacıyla açmıştım fakat bir yerden başlayıp hedefi belirleyince hepsi bir bulmacanın parçaları gibi oturuyor yerine
ayrıca bunun dikey olanı da mevcut

Paylaşmayı düşünüyormusunuz?

ben sadece nasıl yapıldığını anlatırım kolay kolay bir şey paylaşmam çünki paylaşacağım sende sorunsuz çalışır başkasında çalışmaz buda benim başımı ağrıtır hç gereği yok