jquery-slideshowでループ?フェードスライド画像取り付け 体験記
2014 0907
jquery-slideshowでループするフェードスライド画像を取り付けようと
四苦八苦!
簡単に取り付けできるだろうと安易に考えていたのですが
いや~ こんなもん扱うと マジいやになります
なんとかループ形態のスライド画像は取り付けはできました
......が どうにもね~
貴方が偶然にも
http://jonraasch.com/blog/a-simple-jquery-slideshowで
jquery-slideshowを設置しようなどと無駄な努力をしないためのご報告です
A Simple jQuery Slideshowでは 画像やスクリプトファイルをダウンロードしました
jqueryは126min.Jsです
画像ファイルは4つあり 個別に入れ替えをして 他ファイルも含めて
シリウス機能でアップロード
HTML配置もCSS記述も完了
画像呼び出しを 記事内ソースに書き込み
ここまでで普通は プレビューで作動が確認できるのですが
なぜか出来ません???
その後
あれこれと この問題をクリアしなければ次に勧めんと
他の仕事も手につかず一心不乱にまい進
8時間に及びいじくりまわした結果を記載します
シリウスデータ
デフォルトでリンクしていない場合 通常はヘッダータイトルクリックで
移動するフォルダー
シリウス機能のアップロードでプレビュー確認が)できない
ならば シリウスデータにファイルをいれました
とりあえずは画像が表示されるものの
一枚の画像のみが 繰り返し表示されるだけ???
次は記事ソースに入れた画像呼び出しを
記事コンテンツないから省いてHTMLに移動
すると 表示は正常作動されましたが
ここで難点が
お隣のページの解説でも関連説明はございますが
画像呼び出しをHTML内に記載しなければ正常作動が
出来ないということは
トップページでしか正常な画像の表現が出来ないということになるんです
トップページは一つですから トップのみの表示です
しかし サブカテゴリーやエントリーページは一つのページじゃありませんね
サブカテゴリーやエントリーページHTMLに画像呼び出しを入れると
カテゴリ別に全てのページにスライド画像が表示されてしまうのです
ヘッダー画像ならよいのですが 全てのページに反映されては
何とも???
個別指定は出来ないものかとネット上で情報を探してもヒットせず
時間ばかりが過ぎてゆく~
色々記述を変えながらも 全然進展なし
ギブアップとは言いませんが 何が何でも使いたいものでもありませんし
他を探してみますね
追記いたします
0908
ページごと 個別に表現を替えて設置することが出来ました
こちらでご確認ください
シリウス|単独ページでフェード?ループ画像個別設定方法
まとめます
プレビュー確認はシリウスデータにファイルを入れなければ見られない
シリウス機能のアップロードではプレビュー確認ができない
けれどアップ画面では作動は確認できます
しかし プレビューで確認ができないというのは 後あと手違いをしてしまう
可能性もあり不便です
トップページのみのスライドなら
お隣ページ
シリウス|フェードタイプスライド画像設置方法
の解説でやられたほうが簡単です
単独ページでループ画像を表示させるなら
アメイジングスライダーがやりやすいです
個別おページに画像呼び出し配置をしますので
位置ページだけでも作動ができるのです
アメイジングスライダー画像を設置しよう
編集後記
何も結果が出さなかった事例を記事にしてすみません
今まで できないということはなかったんですが
今回は参りました
シリウスのレベルアップカスタマイズ情報は まだ種切れしてませんので
追加しつずけますので よろしくお願いいたします
スポンサーリンク
jquery-slideshowでループスライド画像取り付けは大変です
シリウス|フェードタイプスライド画像設置方法
シリウスカスタマイズ
- SIRIUS シリウスサイトにフェードタイプスライド画像設置方法
- コンテンツ内に自動で無限ループ フェードタイプのスライド画像を設置する方法の解説です 当解説なら初めての方でも15分程度で設置完了 scriptjquery1.9.1.min.jsを使用します
- シリウス|単独ページでフェード?ループ画像個別設定方法
- フェードするナイスな画像をシリウスの各ページで コンテンツに合わせて様々な異なる画像で表現できます 当サイトの解説で設定すれば15分ほどで完了いただけます
- フェードインヘッダー設置方法
- フェードスタイルのスライド画像を変化させてヘッダー画像に入れてみると おやおやいいサイト構成になるではありませんか? 画像を用意すれば15分で設置完了です