Hey,
I have a gallery that is fed by user uploads. the pics are resized and formatted to a thumbnail and a 640X480 full-size pic JPG. Issue i have is when the pics are uploaded straight from an external source(camera) they have a white border around them for the first load, then later they have a scroll bar.
I tested this and if i upload them directly from my hard drive they work like their supposed to, no scroll and a 1px black border. styles seem to be set right although i am new to js....

And i think these styles are all for the effect upon opening, the next previous and close buttons on fullsize and such.... which bring me to another issue!!!!
My "X" to close and next and previous buttons work but the image doesnt show up, image is in the right folder... maybe a style issue, i have tried to figure it out but im sorta out of my league until i learn... any advice? here is the code

well, hope your eyes arent worn out by now, tryin to learn some JS here, why is it that everything related to web design comes at a premium???? man i wish i was rich, but im not... gotta learn, so any help or suggestions or ideas is appreciated...:mrgreen: much love,
Deaf Boyz Audio

dwguy

09-10-2009, 09:16 PM

try doing somethin like this for the links... (http://www.yourdomain.com/images/fancy_closebox.png)

deafboyzaudio

09-10-2009, 09:21 PM

thanks dw guy, that worked... im still workin on the pics bein screwed up from an external source though... any ideas anyone? thanks

domedia

09-11-2009, 03:10 AM

Provide a link. That makes it soooo easy to troubleshoot :)

deafboyzaudio

09-11-2009, 04:13 AM

www.deafboyzaudio.com/pics.php (http://www.deafboyzaudio.com/pics.php) i will point out that i have developed another problem with my gallery that needs to be solved as well... now the fullsize pics wont show up, only a white box with red x, but the uploads from an external source still work, kind of, they still have the scroll bar. I have uploaded a pic directly from the camera for your convenience (its the last one, the pic of the dashboard and steering wheel)
so to reiderate, normally the fullsize work from the hardrive, just recently today they aren't... sorry, im a newb.

domedia

09-11-2009, 05:56 AM

The red cross is IE's way of lettting you know that it cannot find the image in the SRC attribute.

Check your script, this is what it's trying to find. You can see immediately what is wrong:
<img src="../Java/http://www.deafboyzaudio.com/images/upload/IMG_1149.jpg?rand=426601751">

deafboyzaudio

09-12-2009, 07:22 PM

cool, found that spot and took out the "../java/" now it works like its supposed to. i never would of found that, i looked everywhere else b/c i hadnt touched the script... must of changed it indirectly. thanks a ton DM

deafboyzaudio

09-13-2009, 12:17 AM

Ok now for the original treason i started this thread.... When i upload from an external source like a camera the fullsize pic shows up with white border and scroll bar. From searching the forum i believe this is bc the fulsize is not "block"
How do i set a style so that all pictures from an external source are displayed in block style? my styles are above

domedia

09-13-2009, 07:15 PM

display: block;

deafboyzaudio

09-14-2009, 10:14 PM

ok i tried what you said and it didnt seem to work. I put display:block in 3 different places and nothing worked. most pics displayed fullsize display in block, just not the ones uploaded directly from a camera, same pic from the hard drive displays in block....
my page with pics don't display in live view so i cant use DW to see what styles apply to the fullsize div to test your styles idea. is there a way to see what styles apply to a div if i cant get that div to display in DW? that way i could make sure "display:block" was applied to all the right styles and maybe elimanate a style issue.

domedia

09-16-2009, 02:19 PM

The FF Firebug plugin will let you select HTML elements and it will show you a list over the CSS that is applied and which are overridden.

deafboyzaudio

09-21-2009, 08:58 PM

got the plug in but i am a lil confused at the results i am getting. on the camera uploaded pic firebug says that there is a "element.style {display: inline}" style that im sure is making the pic appear with a white border. Problem is i cant find that style anywhere, it dont exist in my sheet.
I can write other styles so that one gets overridden but i still have an issue with white space.
It is with that one style that firebug doesnt give a location and i cant find it anywhere... how can this be?

deafboyzaudio

09-22-2009, 05:04 AM

ok the whitespace is gone, i just had to re upload a pic for it to refresh. thanks DM for all your help. i still dont get the non existent style problem but oh well, my main problem is solved8-)

domedia

09-22-2009, 04:31 PM

All images are display: inline by default unless you set it to something else.