2

好的，请放轻松，因为我是一个编程新手，但现在拥有相当好的 HTML 和 CSS 知识。

基本上我有一个网站http://www.samuivillaretreats.com并且在页面顶部的主页上是使用 Diapo 的相册。此幻灯片显示在 DIV 中，并与构成每张幻灯片上的信息（幻灯片的 URL 和标题信息）的隐藏 DIVS 列表相关联。幻灯片的代码是使用内容管理系统添加的。与 Diapo 幻灯片关联的 .JS 文件被编码到主页的 HEAD 部分，这是用于每个网页的 HEAD 代码 - 而不仅仅是主页

主页幻灯片目前呈现在网站的每个页面上。我想要做的是创建一个特定于投资组合中别墅属性的幻灯片 - 因此，当用户单击特定的假日属性时，幻灯片会在与主页幻灯片相同的位置打开。我正在考虑创建一个具有唯一 ID 的 DIV 负载，其中包含特定属性的信息，并将这些信息存储在一个特定的 HTML 文件中。

因此，我需要将主页 DIV 代码与属性的特定代码交换。我在想，可以通过读取 URL 来切换到正确的幻灯片，因为每个属性都有一个与该属性相对应的唯一 URL 结尾。

最后，我可以访问 HEAD 部分代码，但这个 HEAD 代码用于网站的每个页面 - 即我无法访问特定别墅属性页面的特定 HEAD 区域。

任何想法都会非常感激 - 我在这个网站上阅读了很多关于使用按钮和通过 URL 末尾的哈希进行 DIV 交换的信息，但我没有任何意义。

4

1 回答 1

0

您网站上 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'));

或者如果您还不完全信任 .each 函数，

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（与问题无关，但适用于您的网站）：

于 2013-04-28T14:32:50.730 回答