1

私がやろうとしているのは、ページのタイトルに応じて、本文の画像が変わるということです。たとえば、ページのタイトルが「We Love Apples」の場合、本文の画像はリンゴになります。タイトルに別の果物が含まれている場合、その別の果物が表示されます。スクリプトが探している単語がページ タイトルに含まれていない場合は、本文にデフォルトの画像が表示されます。

http://www.codingforums.com/archive/index.php/t-218600.htmlからこのスクリプトを見つけましたが、動作させることができないようです。

誰にもヒントや指針がありますか？助けてくれてありがとう！

<!doctype html>
<html>
<title>2image</title>
<head>
</head>
<body>

<div><img src="" alt="anImageDesc" name="myimage" width="50px" height="50px" id="someImage" />
</div>

<script type="text/javascript">
var imgs = [
"http://www.domain.com/images/image_255 Company_Name.jpg",
"http://www.domain.com/images/image_256 Company_Name.jpg",
"http://www.domain.com/images/image_257 Company_Name.jpg" //no comma after last image
];
var el = document.getElementById("someImage");
var title = document.title;
for (var i=0;i<imgs.length;i++){
if (imgs[i].indexOf(title) != -1) { 
el.src = imgs[i];
break;  
} else {el.src = "image_256.gif"} //a default image incase nothing is found
}
</script>

</body>
</html>
4

4 に答える 4

0

検索する果物を定義し、タイトルに果物が含まれているかどうかを確認し、適切な画像を見つけます。

var fruits = [
    'apple',
    'orange',
    'grape'
]

var imgs = [
    "http://www.domain.com/images/image_255_grape.jpg",
    "http://www.domain.com/images/image_256_orange.jpg",
    "http://www.domain.com/images/image_257_apple.jpg"
];

var fruit = 'apple', // default
    img   = '';

// check the title for fruit
for (var i=0; i<fruits.length; i++) {}
    if ( document.title.indexOf(fruits[i]) != -1 ) fruit = fruits[i];
}

//find matching image
for (var i=0; i<imgs.length; i++) {}
    if ( imgs.indexOf(fruit) != -1 ) img = imgs[i];
}

var el = document.getElementById("someImage");
el.src = img;
于 2013-09-10T18:20:20.083 に答える