2015-08-20 185 views
0

在这里,我再次陷入困境。点击时,我想在新选项卡中打开我的图像。所以我已经把图像放在标签之间。但它不工作。不明白我做错了什么。请帮忙吗?在新选项卡中打开图片

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>'; 

      } 
+2

target =“_ blank”将解决您的问题 – Vishu238

+0

您因为您的href =错误而收到错误消息。请参阅@ chris85的答案,彻底清除代码中的错误。 – Benthon

回答

3

你应该给链接的目标,以便它加载到一个新的窗口/标签。

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浏览上下文)中。如果未指定属性,则此值为默认值。
_blank:将响应加载到新的未命名的HTML4窗口或HTML5浏览上下文中。
_parent:将响应加载到当前帧的HTML4框架集父项或当前框的HTML5父浏览上下文中。如果没有父项,则此选项的行为与_self相同。
_top:在HTML4中:将响应加载到完整的原始窗口中,取消所有其他框架。在HTML5中:将响应加载到顶级浏览上下文(即,作为当前祖先的浏览上下文,并且没有父级)。如果没有父项,则此选项的行为与_self相同。

您的链接构造中还存在串联错误。

另外$link看起来与localhost/fiberglass/' .$query_row['link'] . '相同。可以在那里使用$link

+1

taget =“_ blank”应该是目标 – Benthon

+0

@BenSampica谢谢,错过了那一个。 – chris85

+0

感谢它现在的工作。 – Nazmul

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>'; 

      } 
0

在你<a>标签,您需要添加'target='_blank'