Warning: Trying to access array offset on value of type bool in /home/yotigory/codingmania.net/public_html/wp-content/plugins/search-everything/config.php on line 29

Warning: Cannot modify header information - headers already sent by (output started at /home/yotigory/codingmania.net/public_html/wp-content/plugins/search-everything/config.php:29) in /home/yotigory/codingmania.net/public_html/wp-includes/feed-rss2-comments.php on line 8
クリックで、右へ左へスライドするスライドショー へのコメント https://codingmania.net/jquery/354.html コーディングマニアは、コーダーやWEBデザイナーが、効率よくコーディング作業が出来ることを目指したサイトです。 Thu, 24 Sep 2015 05:04:32 +0000 hourly 1 https://wordpress.org/?v=5.8.9 yotigory より https://codingmania.net/jquery/354.html#comment-11163 Thu, 19 Dec 2013 04:57:36 +0000 http://codingmania.net/?p=354#comment-11163 コメントありがとうございます。私が作っといてなんですが、、、
http://codingmania.net/jquery/723.html

こちらのスライドショーのほうが、柔軟性があるので、おすすめします。
また、こっちのスライドショーでわかりづらかったら、遠慮なく聞いてくださいませ~

]]>
piyo より https://codingmania.net/jquery/354.html#comment-11162 Thu, 19 Dec 2013 02:55:03 +0000 http://codingmania.net/?p=354#comment-11162 お世話になります。これの画像サイズとスピードを変更したいのですが、billboard.jsの「530」となっているところで画像サイズ変更すると画像が留まらず始まりやスイングした後が画像がない状態になるのですが、原因わかりますでしょう?また、google chromeでは1回目しか自動で動いてくれないのですが、何か対策はありますでしょうか?矢印を押した時の画像の移動も早すぎて不自然になります。いろいろ質問してすみません。よろしくお願いします。

]]>
田中 より https://codingmania.net/jquery/354.html#comment-6950 Wed, 22 May 2013 08:09:20 +0000 http://codingmania.net/?p=354#comment-6950 コメントありがとうございました。・・なるほど~ 非表示になっているなら無理ですね。
了解しました・・

]]>
yotigory より https://codingmania.net/jquery/354.html#comment-6939 Wed, 22 May 2013 04:46:00 +0000 http://codingmania.net/?p=354#comment-6939 合体して動いたんですねー。それがスゴイ!
そうですね「サムネイル画像をクリックして拡大画像を切り替え表示」は画像を紙芝居のように表示されている画像以外すべて後ろにまわっていて非表示になっているんです。
なので、右へ左へのスライドは出来ないのです。。。

]]>
田中 より https://codingmania.net/jquery/354.html#comment-6936 Wed, 22 May 2013 04:35:18 +0000 http://codingmania.net/?p=354#comment-6936 何度もすみません。
こちらにある「サムネイル画像をクリックして拡大画像を切り替え表示」と合体させればできそうな感じだったので、
$(function(){
$(“#thumbnail a”).click(function(){
$(“#billboard img”).before(“”);
$(“#billboard img:last”).fadeOut(“fast”,function(){
$(this).remove();
});
return false;
});
});
というのをjsに書き足してみました。すると、サムネイル(thumbnail)をクリックするとビルボード(billboard)に拡大画像が出るようになったのですが、矢印で写真をスライドさせても一つ目の画像が何度も出るだけで次の画像がスライドされません。JavaScriptには全くの無知なので、書き足した内容が違っているのでしょうか?ご教授いただければ助かります・・

]]>
田中 より https://codingmania.net/jquery/354.html#comment-6931 Wed, 22 May 2013 03:15:18 +0000 http://codingmania.net/?p=354#comment-6931 早々にコメントいただき、ありがとうございました。マークも消えて位置のズレは直りました。教えていただいたページ、すごくステキですね!ただ、下のサムネイル達がスライドで見えるのではなく、サムネイルにはなっていない画像をスライドさせたいので、ちょっと違うかも・・ 試行錯誤してみます!

]]>
yotigory より https://codingmania.net/jquery/354.html#comment-6912 Tue, 21 May 2013 09:57:34 +0000 http://codingmania.net/?p=354#comment-6912 コメントありがとうございます。
そうですね。。。こっから改良するよりはコチラ↓などいかがでしょう?
http://flexslider.woothemes.com/thumbnail-controlnav.html
使い方はコチラに詳しく書いていますよ。あ、人様のページですが(汗
http://bl6.jp/web/javascript/flexslider-responsive/

また、リストマーカーの件は、
.クラス名 ul{
list-style-type:none;
}
でマーカー表示が消えるはずですが、もしかするとほかがジャマしているかも?ですので、
.クラス名 ul{
list-style-type:none!important;
}
というのも1度やってみてくださいませ~

]]>
田中 より https://codingmania.net/jquery/354.html#comment-6911 Tue, 21 May 2013 08:59:01 +0000 http://codingmania.net/?p=354#comment-6911 いつも参考にさせていただいています。下に別のサムネイルを複数置いて、クリックすればそれの拡大画像を見ていけるようにしたい(何冊かの本の中身を見ていけるような感じ)のですが、難しいでしょうか?またはこれが1ページに複数掲載できるようにでも良いのですが・・
あと、list-style-type: none;を入れても→マークの前に点が付いてしまい、画像がずれてしまうのですが、対応策がわかればうれしいです。よろしくお願いします。

]]>