我的图像根本没有显示

我从数据库拉我的图像，以显示它在我的网页上，但它不会显示。要确认图像正在从数据库中调用，我将标题上的图像名称输出到当您将鼠标放在不可见的图像上时，您可以看到图像名称，但图像本身完全不显示。该网站是这样的： http://clicktravelnstay.com/desti_list.php?details=19 我的图像根本没有显示

<div id="imgdisplay"> 
        <div class="pagecontainer"> 
         <div class="galleryCredit">Hotel Photos</div> 
         <div class="galleryType">Preview</div> 
         <div class="clear_both"></div> 
         <div class="galleryContent"> 
           <!--image goes herewidth:650px; height:300px;--> 
           <!--This is Where the wide image and the caption icon will be placed--> 
            <div class="galleryThumbnail"> 
            <?php 
             $query = "SELECT * FROM image WHERE hotel_id = {$hotel['hotel_id']}"; 
                $image_set = mysql_query($query,$connection); 
                while($image = mysql_fetch_array($image_set)){?> 
                <a href=\"img/photos/<?php $image['image_url'];?>" title="<?php echo $image['image_url']?>"> 
                <img src="img/photos/<?php echo $image['image_url'];?>" width="75" height="75"/></a>   
                <?php } ?> 
            <div class="clear_both"></div> 
            </div> 
            <div class="galleryPreview"> 
            </div> 
            <div class="clear_both"></div> 
            <div class="clear_both"></div> 
            <div class="gallery_preload_area"></div> 
          </div> 



        <!--image goes herewidth:650px; height:300px;--> 


        </div>

下面的代码是用于图片库的jQuery代码。

$(document).ready(function(){ 

$(".galleryThumbnail a").click(function(e){ 
    e.preventDefault(); 

    //update thumbnail 
    $(".galleryThumbnail a").removeClass("selected"); 
    $(".galleryThumbnail a").children().css("opacity","1"); 

    $(this).addClass("selected"); 
    $(this).children().css("opacity",".4"); 

    //setup thumbnails 
    var photoCaption = $(this).attr('title'); 
    var photofullsize =$(this).attr('href'); 

     $(".galleryPreview").fadeOut(500, function(){ 

     $(".gallery_preload_area").html("") 
      // this is what is going to happen after the fadeout 
      $(".galleryPreview").html("<a href='"+ photofullsize +"' style=' background-image:url("+photofullsize+");'></a>"); 
      $(".galleryCaption").html("<p><a href='"+photofullsize+"' title='Click to view large'>View Large</a></p><p></p>")  
      $(".galleryPreview").fadeIn(500); 

      }); 


}); 



});

来源

2012-08-11 Salim Almughairi

路径

http://clicktravelnstay.com/img/photos/1344707033.png

返回404（未找到）。

您正在从数据库中成功拉取图像名称，但实际图像文件不存在于您的服务器上。

来源

2012-08-11 18:07:11 FJT

我刚刚检查它是在服务器 – 2012-08-11 18:21:39

只是为了证实这一点。我的本地服务器发生同样的问题。 – 2012-08-11 18:25:47

它返回404 - 未找到。仔细检查路径。你的第一步是获得我发布的链接返回图像。然后您可以开始排查您的代码。 – FJT 2012-08-11 18:26:31

你应该看看生成的HTML：

<a href=\"img/photos/" title="1344707033.png"> 
     ^--- bad escape.

你输出无效的HTML，加上href是只是一个路径，在实际的图像没有指向。

这意味着：

<a href=\"img/photos/<?php $image['image_url'];?>" title="<?php echo $image['image_url']?>"> 
          ^---missing 'echo' 
    <img src="img/photos/<?php echo $image['image_url'];?>" width="75" height="75"/></a>

和$image['image_url']不包含任何东西。

来源

2012-08-11 18:08:28

如果它不包含任何内容，那么当你将鼠标放在它上面时它怎么可能显示图像的名称 – 2012-08-11 18:17:02

如果它是一个不好的逃脱，那么请你帮助改进它。 – 2012-08-11 18:24:15

我的图像根本没有显示

回答

相关问题