如何在gallery.php 临时代码中添加图片点击功能？答案

【问题标题】：How can I add a image click function to gallery.php temp code?如何在gallery.php 临时代码中添加图片点击功能？
【发布时间】：2014-01-07 22:28:36
【问题描述】：

好的，这里是图库模板代码的链接。

https://github.com/JoomShaper/Helix-Joomla/blob/master/helixPlugin/shortcodes/gallery.php

但是，当我在我的数据库中（不是在 Php 中）插入图像时，图像会显示，但我无法单击该图像并被定向到图像页面，该页面已在我的数据库 (Joomla) 上建立了超链接。我将有多个图像，我需要在其中添加此单击功能。

我一直在努力解决这个问题。我是 Php 和编码的新手，所以请原谅我对上述段落中的单词选择的无知使用。

（我过去在与编码人员交谈时注意到，他们从不懂语言的人那里编写行话是令人沮丧的！）谢谢！

【问题讨论】：

标签： php image joomla hyperlink

【解决方案1】：

对不起，我知道这可能不是答案，但我还不能发表评论。我一直在看你的代码一段时间，我注意到一些我想问你的事情。第一：

 <?php foreach ($galleryArray as $key=>$item) { ?>        
    <li style="width:<?php echo round(100/$columns); ?>%" class="<?php echo str_replace(',', ' ', $item['tag']) ?>">
        <a class="img-polaroid" data-toggle="modal" href="<?php echo ($modal=='yes')? '#modal-' . $key . '':'#' ?>">
          <?php
            echo '<img alt=" " src="' . $item['src'] . '" />';
           ?>
            <?php if($item['content'] !='') { ?>
             <div>
                <div>
                  <?php echo do_shortcode($item['content']); ?>
                </div>
             </div>
           <?php } ?>
         </a>
       </li>

你在 foreach 循环中开始你的 a 和 li，但你在它之外完成它们。考虑到 a 是您的链接，而您的链接不起作用，我认为这可能是您的问题的一部分。

另外，我注意到当您链接到模式时，您使用循环中的相同变量，但变量是在循环内定义的，并且不会在单击生成的链接时继续。在我看来，您需要使用每个变量所需的变量来定义一个属性值，以便您可以使用 JS 执行“onClick”抓取“this.property.value”这样的操作，以便您可以在模态中拥有该信息。

我只是认为这是值得注意的，因为您使用链接打开的模式是由这些变量之一命名的。除非您在 foreach 循环中为每个模式创建单独的模式，否则您链接的名称不存在。很抱歉，如果这令人困惑。

【讨论】：

我明白了！好的，您将如何使用变量定义属性值？
例如，在 foreach 循环中，假设您想添加一个可以抓取的名称。您可以执行以下操作：（省略很多代码以使其更容易） foreach ($galleryArray as $key=>$item) {

好的，我将“name”替换为 href ---- href="" 现在这一次当我点击我的图片时，它转到了练习服务器... .joomla.example.com\0 0 指的是什么？而不是让它转到\ 0，我需要在href中放入哪些变量来制作图像超链接的路径？感谢您的帮助。

我看到你对 onClick 的评论，我相信这就是我需要的。

您在循环中拉入的 $key 示例是什么？我问是因为如果你将它设置为 href，它必须是你要去的地方。如果您正在打开“#modal-[无论您的密钥是什么]#”，那么如果它是您的 href，那么这就是 $key 中需要包含的内容。但是，我的意思是，点击锚点时，javascript 可以获取“名称”的值，将其连接成#modal-[无论你的键是什么]#，然后根据它创建模式。