WordPressで画像を登録し雑誌風に表示させる。

電脳備忘録

画像を読み込んで雑誌風な動きにしたいという要求をみたすため「turn.js」というライブラリを利用。
雑誌風にしたいということで、サンプルのmagazineを参照したのですが、これjavascriptで画像を読み込むんですね。
記事によって表示する画像が異なるため、カスタムフィールドは「Smart Custom Fields」というプラグインを利用しました。
画像の追加・削除・並び替えが任意にできることが決め手でした。

あまりスマートなやり方ではないかもしれませんが、取得した画像のURLをばらして、Javascriptで読み込めるようにパスを書き換えて読み込ませることでうまくいきました。

<?php $page_images = SCF::get('page_images');
$i = 0;
foreach ($page_images as $fields ) { $imgurl = wp_get_attachment_image_src($fields['page_image'] , 'full');?>
<?php
$data =$imgurl[0];
list($domain,$dir_01,$dir_02,$dir_03,$dir_04,$dir_05,$dir_06,$dir_07,$dir_08) = explode("/",$data);
$url[$i] = "'\/".$dir_03."\/".$dir_04."\/".$dir_05."\/".$dir_06."\/".$dir_07."\/".$dir_08."'";
$i++;
}//foreach
?>

とりあえず要求を満たせればいいということで・・・。

広告

ブログの維持費に充てるでございます・・・。