ホームページで写真自動切り替え方法

質問

ホームページのTOPに複数の写真を自動で切り替えて表示する方法を教えて下さい
（過去に、使用していたものがうまくいかなかくなって問い合わせをしましたが、
それを修復するより新たに作成したほうが良いと思いますので・・）

表示させる写真は５０枚前後になります
これを数秒で切り替えて表示したい

切り替え用の写真一覧が表示されていると解りやすいのですが・・・

どなたか、アドバイスをいただけないでしょうか？

回答No.5

warpspace · ベストアンサー

＞「このｗｅｂページはスクリプトやACTIVEXコントロールを実行しない様に制限されています」
Webサーバーにアップロードしないで、ローカル（あなたのPC）環境で実行して
いますか？。もし、ローカル環境で実行していてこのエラーが出るのであれば
下記の対応を実行してみてください。
　　http://hapilaki.hateblo.jp/entry/windows8-ie10-activex

なお、bxsliderはActiveXではありませんので、Webサーバーにアップして実行
していればこのエラーは発生しないと思います。
差し支えなければURLを明示していただければ、こちらから確認できますが・・・。

お礼

有難う御座います
早速URLを記載させて頂きますが個人が特定できる写真もありますので
用済み後は削除させて頂きたいと思います

http://www43.tok2.com/home/hanashi/
の右側のページになります。

申し訳ありませんが、よろしくお願いします。

補足

ちょっと説明が漏れていました
>、ローカル環境で実行していてこのエラーが出るのであれば・・
ローカルでエラー表示が出ますので、これは有効のように思います。
>Webサーバーにアップして実行
>していればこのエラーは発生しないと思います。
はい、エラーは発生していません

思惑通りに写真が切り替わらないだけです

エラーの件は、
ローカルで行っていて、写真が切り替わらないのでこれが原因しているかも？
と、素人が思い込んだことです。

ＨＰの件ですが、
素人がＷＥＢ情報を基に、見よう見まねでテキストで作成しています。
おそらく、記述のおかしいところが多々あると思いますがよろしくお願いします。

回答No.6

warpspace

＞の右側のページになります。
＞申し訳ありませんが、よろしくお願いします。
これはbxsliderを使用したものではありませんね。
ごめんなさい、bxsliderを使用した場合にエラーが発生しているのでしたら
対応できますが、提示していただいたスクリプトはちょっとわかりません。
（bxsliderを使用したときのエラーであれば、対応しますよ）

ちなみにIEを使用している場合、ファンクション・キー：F12を押下すると
デバッガーが使用できますので、スクリプトの不具合を調べることができ
ます。

お礼

有難う御座いました
アドバイス頂いた方法はまだ取っていません
何とかなりそうに・・思って・・・努力はしていますが、
素人の壁が高いようです。

デバッグツールについて、
画面表示まではできましたが使用方法がよく判らない。
もう少し調べてみます。

投稿したものは簡単には削除できないかも知れませんね。

回答No.4

Z31

http://www.bannerkoubou.com/

上のサイトの右側の目次の「ＧＩＦアニメの作成はこちら」で写真が３０枚切り替えができます。時間の調整もできます。

写真の縦横のサイズがみな同じでないといけないと思います。

お礼

有難う御座います
>写真の縦横のサイズがみな同じでないといけないと思います。
これは、仕方ないかなと思いますが
３０枚というのがちょっと難しい選択になります・・・

検討対象とさせて頂きます
（トライしようとしているものが、実力的に無理であればこちらを・・・これも難しいと折れてしまうかも）

回答No.3

warpspace

＞サーバーにプログラムを置くというのが・・・ちょっと・・・です。
別にサーバーは必要ないですよ。jQueryはjavascriptのプラグインですから
普通にHTML内に記述するだけで動作します。
たぶん、過去に使用していたものはjavascriptだと思いますので、同様の
手順で設定できるはずです。

お礼

有難う御座います
>過去に使用していたものはjavascriptだと思いますので・・・
理解して、使用していたわけではありませんので・・トラブルになると解消方法が解りません。

>jQueryはjavascriptのプラグインですから
>普通にHTML内に記述するだけで動作します。
サポートページを見ながら試してみます。

補足

サンプルを使用して、試しましたが解消できませんでした。
というか、エラーメッセージの対応が先の様です。
「このｗｅｂページはスクリプトやACTIVEXコントロールを実行しない様に制限されています」

下記より、インターネットオプションのセキュリティタブの
スクリプトとActiveXの設定を行いましたが解消できませんでした
http://helpx.adobe.com/jp/x-productkb/global/6895.html

ＩＥのバージョンアップで発生したのではないかと思うようになりました。
（ＩＥ7（または8？）から、９以降に変わって発生した？）

回答No.2

warpspace

カスタマイズも自由にできるJQueryのプラグイン「bxSlider」を
使用すると、簡単に見栄えの良いスライドショーが簡単に設置
できます。切り替え効果やサムネイルの有無などいろいろな
オプションが用意されています。

参考URL：

http://wp-and.me/bxslider/

お礼

有難う御座います
サーバーにプログラムを置くというのが・・・ちょっと・・・です。
テストするにも本番と同様環境を構築する必要があるようで、ちょと躊躇です。
でも、プログラムとしてはよさそうですね・・
検討させて頂きこうと思っています。

出来れば標準に近い環境で出来ると後々が楽なように思います。

回答No.1

Safe_Mode

javascriptを使って切り替える方法なら下記を参考にどうぞ。
http://www.devicereign.net/TOP/support/Jscript/S18.html

お礼

有難う御座います
なんとなく解った様な・・・見よう見まねで作成してみようと思います
N=50くらいなんですが、行を下へ卸していけばよいのだろうと思いますが、
切り替え画像を一覧でtopにサムネールで表示するのは別ですね。