これは何も新しいことではなく、これから起こることであることは承知していますが、何を修正すべきかについてのアイデアが尽きたところです。ウェブサイトのコード、固定エンコーディングを検証しようとしましたが、役に立ちませんでした。
ここにあります: www.arturstols.com (ロゴをクリックしてください)
jQuery を使用して、表示されていない中央のコンテナー内に画像をスライドさせます。ただし、イントロのグラフィックはそうです。
これは何も新しいことではなく、これから起こることであることは承知していますが、何を修正すべきかについてのアイデアが尽きたところです。ウェブサイトのコード、固定エンコーディングを検証しようとしましたが、役に立ちませんでした。
ここにあります: www.arturstols.com (ロゴをクリックしてください)
jQuery を使用して、表示されていない中央のコンテナー内に画像をスライドさせます。ただし、イントロのグラフィックはそうです。
images\pic.png
置く代わりにimages/pic.png
。
画像の URL に間違ったスラッシュを使用しています...
<div id="gallery">
<img alt="" src="images\title_903x600.jpg" style="margin: 5px 0px;">
<img alt="" src="images\rukitis.jpg">
<img alt="" src="images\danny.jpg">
<img alt="" src="images\ernests.jpg">
<img alt="" src="images\toms.jpg">
<img alt="" src="images\forest.jpg">
<img alt="" src="images\fight.jpg">
<img alt="" src="images\light.jpg">
<img alt="" src="images\mirror.jpg">
<img alt="" src="images\scene.jpg">
</div>
する必要があります...
<div id="gallery">
<img alt="" src="images/title_903x600.jpg" style="margin: 5px 0px;">
<img alt="" src="images/rukitis.jpg">
<img alt="" src="images/danny.jpg">
<img alt="" src="images/ernests.jpg">
<img alt="" src="images/toms.jpg">
<img alt="" src="images/forest.jpg">
<img alt="" src="images/fight.jpg">
<img alt="" src="images/light.jpg">
<img alt="" src="images/mirror.jpg">
<img alt="" src="images/scene.jpg">
</div>
スラッシュを使用して画像のsrcパスを指定する必要があります。たとえば。
<img alt="" src="images/title_903x600.jpg">
それ以外の
<img alt="" src="images\title_903x600.jpg">
あなたが現在指定したように。
これにより、Firefoxの問題が解決します。Chromeは非常にスマートです:)
余談ですが、あなたの写真は気に入っていますが、読み込みが遅いようでした。おそらく、jquery の事前読み込み機能を調べてください。
$.fn.preload = function() {
this.each(function(){
$('<img/>')[0].src = this;
});
}
// 使用法:
$(['img1.jpg','img2.jpg','img3.jpg']).preload();