好吧，请放松我，因为我是一个编程新手，但现在已经有了相当好的HTML和CSS知识。
基本上我有一个网站http://www.samuivillaretreats.com并且在页面顶部的主页上是使用Diapo的光铝。此幻灯片放映保存在DIV中，并与构成每张幻灯片信息(幻灯片和标题信息的URL)的隐藏DIV列表相关联。幻灯片放映的代码是使用内容管理系统添加的。这个与Diapo幻灯片相关的JS文件被编码到主页的HEAD部分，这是用于每个网页的HEAD代码，而不仅仅是主页
主页幻灯片现在呈现在网站的每个页面上。我想做的是在投资组合中创建一个特定于别墅物业的幻灯片，这样当用户点击特定的度假物业时，就会在主页幻灯片的同一位置打开一个幻灯片。我想创建一个带有唯一ID的DIV负载，它保存特定属性的信息，并将这些信息存储在一个特定的HTML文件中。
因此，我需要将主页DIV代码与属性的特定代码进行交换。我认为可以通过读取URL来切换到正确的幻灯片，因为每个属性都有一个与该属性对应的唯一URL结尾。
最后，我确实可以访问HEAD部分代码，但该HEAD代码在网站的每个页面上都使用，即我无法访问特定别墅物业页面的特定HEAD区域。
任何想法都将不胜感激——我在这个网站上读到了很多关于使用按钮和URL末尾的哈希交换DIV的信息，但我没有任何意义。
您网站上diapo.js中第318行的代码选择哪些图像将出现在幻灯片中
var allImg = new Array(); //I create an array for the images of the slideshow
$('img', elem).each( function() {
allImg.push($(this).attr('src'));
diapo.js所做的是从所有img元素中检索src属性(或者之后检索IE 8-.的滑块div的背景图像
如果你通过CMS输入幻灯片的图像，并且没有选项将特定站点更改为特定页面，那么我不知道如何实现它。也许是ASP或PHP，但我对此了解不足，无法向你提供建议。
但是，您可以在每个页面中创建这样一个div：
<div id="slider_img_links">
<img src="example.jpg"></img>
<img src="example2.jpg"></img>
</div>
以及您想要在滑块中显示的所有图像。
之后，将我在这里提到的diapo.js代码(第318行)替换为：
var allImg = new Array(); //I create an array for the images of the slideshow
$('#slider_img_links').children('img').each( function() {
allImg.push($(this).attr('src'));
或者如果你还不完全信任。每个功能，
var allImg = new Array(); //I create an array for the images of the slideshow
var imgLinks = $('#slider_img_links').children('img');
for(i=0;i<imgLinks.length;i++) {
var oneLink = imgLinks[i].attr('src')
allImg.push(oneLink);
}
Diapo.js的322-342行通常可以删除而不会产生任何后果。我还没有对此进行测试，但它应该会起作用。
PS(与问题无关，但适用于您的网站)：
- 您已经包含jQuery(Javascript库)3x(因此您可以删除2其中)
- 您的CMS生成基于表格的布局，本文解释了原因这很糟糕：http://coding.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/