Image not loading on website

lmorales · 11-30-2012, 11:13 PM

http://cfferns.com/products-page/ter...en-assortment/

The rest of the images on this site seem to load, but this one won't and Im not sure why. I thought it was the name of the file as this issue has popped up before and it was a conflict in naming, but renaming it doesnt seem to help.

LearningCoder · 12-01-2012, 12:06 AM

I've had this very same issue actually and when I finally got the the bottom of it, it seemed I was using someImage.jpg when it should have been someImage.JPG. As you can imagine it was such a hard mistake to find.

I know it is a long shot, but you never know.

Regards,

LC.

aaronhockey_09 · 12-01-2012, 12:13 AM

You have not told us which image is not loading, or where it is suppose 2 be.

LearningCoder · 12-01-2012, 12:56 AM

Its the small thumbnail type image on the page, if you click it it's meant to come up in a box (kinda like a prettyPhoto effect) but it just keeps saying 'Loading', whereas if you browse the site and find any other image, they load ok.

Can you post the code to the images which pop up?

Regards,

LC.

aaronhockey_09 · 12-01-2012, 12:57 AM

ohh , so the image wont load in the lightbox,
i see now.

From his description i thought he meant an image just wouldn't display right on the page.

aaronhockey_09 · 12-01-2012, 01:02 AM

I can only assume that somehow on this page the javascript isnt loaded properly. As if i try that exact picture on a different page, it loads fine.

LearningCoder · 12-01-2012, 01:03 AM

I thought that spent a while thinking which image he meant

Judging by his src attribute it looks like he might be pulling the image from a database or definitely another source. And his href of where the image leads to is a directory.

I'm not totally sure of your cause but maybe check the image name in the 'href' against the image name which loads up in the lightbox.(which i'm sure it must be declared somewhere else)..

Regards,

LC.

lmorales · 12-01-2012, 01:04 AM

Sorry I wasnt more specific, its a wordpress page, and I think its an issue with the shopping cart... Heres the code Im seeing

Code:

			<div class='breadcrumb'>
			<a href='http://cfferns.com/products-page/'>Central Florida Ferns</a> &raquo;
							 	   
					<a href='http://cfferns.com/products-page/terrariums/'>Terrariums</a> &raquo;
				 
							 
					2&quot; Terrarium &amp; Mini Garden Assortment				 
					</div>
		
		
	<div>
						<div>
				<div class="textcol">
										<div class="imagecol">
						 	   
								<a rel="2_Terrarium_&amp;_Mini_Garden_Assortment" class="thickbox preview_link" href="http://cfferns.com/wp-content/uploads/wpsc/product_images/Terranium_Assortment-2.jpg">
									<img class="product_image" id="product_image_85" alt="2&quot; Terrarium &amp; Mini Garden Assortment" title="2&quot; Terrarium &amp; Mini Garden Assortment" src="index.php?image_id=142&amp;width=128&amp;height=128"/>
								</a>
						 
					</div>
					 
		
					<div class="producttext">
						<h2 class="prodtitles"><span>2&quot; Terrarium &amp; Mini Garden Assortment</span><a class='wpsc_edit_product' href='http://cfferns.com/wp-admin/admin.php?page=wpsc-edit-products&amp;product_id=85'>Edit</a></h2>

LearningCoder · 12-01-2012, 02:26 AM

Where does this 'src' lead to?

Code:

src="index.php?image_id=142&amp;width=128&amp;height=128"

Because this is the initial image which is being shown on the page, so it could be that the 'correct' image name is located here, which could be different from this one:

Terranium_Assortment-2.jpg

Kind regards,

LC.

lmorales · 12-01-2012, 07:08 AM

Im not sure, I did not write the code, this is a wordpress site, I just have to fix it

. Thats one of the reasons its kinda tricky.

LearningCoder · 12-01-2012, 01:33 PM

Ahh it's kinda tricky to help you bud because without the access to where the lightbox file is located, I'm not sure if it is the file name. It could be something completely different to be honest but I remembered having a very similar issue so I thought I may be able to help you out.

Regards,

LC.

DanInMa · 12-01-2012, 01:58 PM

ok, you are getting an error in console ( if you have no idea what im talking about, check out some of the links in my sig one is a debugging tutorial)

PHP Code:


			
Error: Syntax error, unrecognized expression: [rel=2_Terrarium_&_Mini_Garden_Assortment]
http://cfferns.com/wp-includes/js/jquery/jquery.js?ver=1.7.1
Line 3

this means the object is being referenced incorrectly somehow or it could be an issue with the version of jquery, I'm trying to figure it out.

LearningCoder · 12-01-2012, 02:11 PM

Just a thought but this line triggered my memory of prettyPhoto.
[rel=2_Terrarium_&_Mini_Garden_Assortment]

The array [rel=blabla] is used in the CSS of the prettyPhoto to determine the image to show. (or something similar, it's been a year or so since I last used prettyPhoto).

I'm clutching at straws but the error that Dan has found could well be the issue.

Good luck with it dude!

Regards,

LC.

DanInMa · 12-01-2012, 02:11 PM

try removing the rel attribute from the anchor link. I believe you should only be using a rel attribute with thickbox if it's part of a gallery, and this is a single image. Since your error is related to the rel attribute in the console, this must have something to do with it.

DanInMa · 12-01-2012, 02:13 PM

Quote:

Originally Posted by LearningCoder

Just a thought but this line triggered my memory of prettyPhoto.
[rel=2_Terrarium_&_Mini_Garden_Assortment]

The array [rel=blabla] is used in the CSS of the prettyPhoto to determine the image to show. (or something similar, it's been a year or so since I last used prettyPhoto).

I'm clutching at straws but the error that Dan has found could well be the issue.

Good luck with it dude!

Regards,

LC.

nope.

if you look at the thickbox.js code you will find it uses this.href to get the value of the the image to display, and the rel attribute to determine if the image is part of a gallery ( basically a group of links with the same rel attribute)