Question

我再次陷入困境。我想在点击时在新标签页中打开我的图片。所以我把图像放在标签之间。但它不起作用。不能理解我做错了什么。有什么帮助吗？

while($query_row = mysql_fetch_assoc($result)) {
            echo '<div class="col-sm-6 wow fadeInUp" data-wow-duration="2s">';
            echo '<div class="border">';
            $link = "localhost/fiberglass/" .$query_row['link'];
            echo '<a href="localhost/fiberglass/.$query_row['link']">';
            echo '<img style="width:100%;height:auto" src="' . $link . '" />'; 
            echo '</a>';
            echo '<div class="text-center imgname">';
            echo $query_row['link'];
            echo '</div>'; 
            echo '</div>';
            echo '</div>';

            }

Answer 1

您应该为链接指定目标，以便将其加载到新窗口/标签中。

while($query_row = mysql_fetch_assoc($result)) {
            echo '<div class="col-sm-6 wow fadeInUp" data-wow-duration="2s">';
            echo '<div class="border">';
            $link = "localhost/fiberglass/" .$query_row['link'];
            echo '<a href="localhost/fiberglass/' .$query_row['link'] . '" target="_blank">';
            echo '<img style="width:100%;height:auto" src="' . $link . '" />'; 
            echo '</a>';
            echo '<div class="text-center imgname">';
            echo $query_row['link'];
            echo '</div>'; 
            echo '</div>';
            echo '</div>';

            }

文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

目标：
  此属性指定显示链接资源的位置。在HTML4中，这是框架的名称或关键字。在HTML5中，它是浏览上下文的名称或关键字（例如，选项卡，窗口或内联框架）。以下关键字具有特殊含义：
  _self：将响应加载到与当前HTML4框架（或HTML5浏览上下文）相同的HTML4框架中。如果未指定属性，则此值为默认值    _blank：将响应加载到新的未命名HTML4窗口或HTML5浏览上下文中。
  _parent：将响应加载到当前帧的HTML4框架集父级或当前框架的HTML5父级浏览上下文中。如果没有父项，则此选项的行为与_self相同   _top：在HTML4中：将响应加载到完整的原始窗口中，取消所有其他帧。在HTML5中：将响应加载到顶级浏览上下文（即，作为当前浏览上下文的浏览上下文，并且没有父级）。如果没有父项，则此选项的行为与_self相同。

您的链接构建中也出现连接错误。

同样$link似乎与localhost/fiberglass/' .$query_row['link'] . '相同。可以在那里使用$link。

Answer 2

这将有效

while($query_row = mysql_fetch_assoc($result)) {
            echo '<div class="col-sm-6 wow fadeInUp" data-wow-duration="2s">';
            echo '<div class="border">';
            $link = "localhost/fiberglass/" .$query_row['link'];
            echo '<a href="localhost/fiberglass/.$query_row['link']" target="_blank">';
            echo '<img style="width:100%;height:auto" src="' . $link . '" />'; 
            echo '</a>';
            echo '<div class="text-center imgname">';
            echo $query_row['link'];
            echo '</div>'; 
            echo '</div>';
            echo '</div>';

            }

Answer 3

在<a>标记中，您需要添加'target='_blank'

在新标签页中打开图片

3 个答案: