Note that there are some explanatory texts on larger screens.

plurals
  1. POMy image does not show at all
    primarykey
    data
    text
    <p>I am pulling my image from the database to display it on my page however it wont show. to confirm that the image is being called from the database i output the image name on the title= when you place the mouse on the unseen image you can see the image name but the image itself does not show at all. the website is this: <a href="http://clicktravelnstay.com/desti_list.php?details=19" rel="nofollow">http://clicktravelnstay.com/desti_list.php?details=19</a></p> <pre><code> &lt;div id="imgdisplay"&gt; &lt;div class="pagecontainer"&gt; &lt;div class="galleryCredit"&gt;Hotel Photos&lt;/div&gt; &lt;div class="galleryType"&gt;Preview&lt;/div&gt; &lt;div class="clear_both"&gt;&lt;/div&gt; &lt;div class="galleryContent"&gt; &lt;!--image goes herewidth:650px; height:300px;--&gt; &lt;!--This is Where the wide image and the caption icon will be placed--&gt; &lt;div class="galleryThumbnail"&gt; &lt;?php $query = "SELECT * FROM image WHERE hotel_id = {$hotel['hotel_id']}"; $image_set = mysql_query($query,$connection); while($image = mysql_fetch_array($image_set)){?&gt; &lt;a href=\"img/photos/&lt;?php $image['image_url'];?&gt;" title="&lt;?php echo $image['image_url']?&gt;"&gt; &lt;img src="img/photos/&lt;?php echo $image['image_url'];?&gt;" width="75" height="75"/&gt;&lt;/a&gt; &lt;?php } ?&gt; &lt;div class="clear_both"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="galleryPreview"&gt; &lt;/div&gt; &lt;div class="clear_both"&gt;&lt;/div&gt; &lt;div class="clear_both"&gt;&lt;/div&gt; &lt;div class="gallery_preload_area"&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--image goes herewidth:650px; height:300px;--&gt; &lt;/div&gt; </code></pre> <p>The following code is the Jquery code for the image gallery.</p> <pre><code>$(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("&lt;a href='"+ photofullsize +"' style=' background-image:url("+photofullsize+");'&gt;&lt;/a&gt;"); $(".galleryCaption").html("&lt;p&gt;&lt;a href='"+photofullsize+"' title='Click to view large'&gt;View Large&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;") $(".galleryPreview").fadeIn(500); }); }); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload