Question

我正在尝试修复某人网站上的内容。

Unfortunatley，该网站建立在名为GeekPak的CMS上，并使用PHP构建。我知道php有点但我不是专家。

我一直试图解决以下问题已有一段时间了。

问题：如果你继续this page，你会在右下方看到一个缩略图库。图库中有6张图片。前两个是间隔物（nothing.gif）。问题是，而不是那些向右下方的垫片......它们正在左上方。我认为是谁开发了它，用nothing.gif填充所有内容然后用图像替换它们但是它们从右到左......而不是从左到右。

以下是代码，我无法理解它。

<tr>
    <td class="galleryThumbs">
        <div class="sepinator"></div>
        <div class="extlinkinator">
            <a href="javascript:extClick();" id="externalLink"></a>
        </div>
        <div class="paginator">
            <a href="javascript:leftClick();" id="arrowL" class="arrowL0"><img src="/templates/images/nothing.gif" width="12" height="11" border="0" alt="" /></a>
            <a href="javascript:rightClick();" id="arrowR" class="arrowR0"><img src="/templates/images/nothing.gif" width="12" height="11" border="0" alt="" /></a>
       </div>
       <br clear="all" />
       <a href="javascript:setBig('8');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb8" /></a>
       <a href="javascript:setBig('7');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb7" /></a>
       <a href="javascript:setBig('6');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb6" /></a>
       <a href="javascript:setBig('5');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb5" /></a>
       <br>
       <a href="javascript:setBig('4');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb4" /></a>
       <a href="javascript:setBig('3');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb3" /></a>
       <a href="javascript:setBig('2');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb2" /></a>
       <a href="javascript:setBig('1');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb1" /></a>
       ~3*GALLERY_THUMBS_ALT[where=a.topicID='~1#tid#']*
       <br />
       <img src="/templates/images/nothing.gif" width="339" height="1" border="0" alt="" /></td>
</tr>

有人可以指导我从某个方向来解决这个问题吗？另外，什么是GALLERY_THUMBS_ALT？我在代码中没有看到该功能。

编辑：如果将鼠标悬停在图库中的图像上，您会注意到它们从8开始并且减少到1.基本上它们应该从表单1开始并增加到8

如果我更改代码以便setBig（'8'）变为setBig（'1'）等等......那么它开始看起来像this :(

gallerySmallEmpy正在关注

IMG.gallerySmallEmpty
{
    border-color:                   #FFF;
    border-width:                   1px;
    border-style:                   solid;
    margin:                 10px    0   0   10px;
}

Answer 1

首先在css中搜索“.gallerySmallEmpty”类，看看里面有什么......虽然我认为你只需要将代码更改为：

<tr>
    <td class="galleryThumbs">
        <div class="sepinator"></div>
        <div class="extlinkinator">
            <a href="javascript:extClick();" id="externalLink"></a>
        </div>
        <div class="paginator">
            <a href="javascript:leftClick();" id="arrowL" class="arrowL0"><img src="/templates/images/nothing.gif" width="12" height="11" border="0" alt="" /></a>
            <a href="javascript:rightClick();" id="arrowR" class="arrowR0"><img src="/templates/images/nothing.gif" width="12" height="11" border="0" alt="" /></a>
       </div>
       <br clear="all" />
       <a href="javascript:setBig('1');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb8" /></a>
       <a href="javascript:setBig('2');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb7" /></a>
       <a href="javascript:setBig('3');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb6" /></a>
       <a href="javascript:setBig('4');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb5" /></a>
       <br>
       <a href="javascript:setBig('5');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb4" /></a>
       <a href="javascript:setBig('6');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb3" /></a>
       <a href="javascript:setBig('7');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb2" /></a>
       <a href="javascript:setBig('8');"><img src="/templates/images/nothing.gif" width="73" height="91" border="1" alt="" class="gallerySmallEmpty" id="thumb1" /></a>
       ~3*GALLERY_THUMBS_ALT[where=a.topicID='~1#tid#']*
       <br />
       <img src="/templates/images/nothing.gif" width="339" height="1" border="0" alt="" /></td>
</tr>

请注意，我更改了图库演示文稿的顺序（数字）

关于来自CMS的PHP代码的问题

1 个答案: