Loading Image

[will]

Hi all

I wanted to add this to the background of the picture when loading and the picture loads over the top, where do I add it?

[lordprodigy]

It has been previously done as part of a larger mod, but you can take the code that applies to your request (Loading... bg image). Find it here

http://forum.coppermine-gallery.net/index.php?topic=13718.msg63430#msg63430

As far as I know, it is not tested for 1.4.x so report back if you get it to work.

[will]

I have tried to change theme.php with the following:

In your /themes/{theme_name}/theme.php find this:

Code:
$template_thumbnail_view = <<<EOT

In this block find
Code:
{THUMB}

change it to
Code:
<div id='photoholder'>{THUMB}</div>

find
Code:
$template_display_picture = <<<EOT

in this block find
Code:
{IMAGE}

and replace it with
Code:
<div id="photoholder">{IMAGE}</div>

I'm using Rainy Day theme and I cannot find any of this code that i need to replace in my theme.php file

[lordprodigy]

if you dont have $template_thumbnail_view in the theme you are using, then copy it from the theme.php provided in the sample theme. Same goes for $template_display_picture. If you still have problems, be patient for a Dev to give you advice...

[will]

Sorted that part now, thanks

Where do I add the following to template.html

#photoholder {
                  url('/themes/rainy_day/images/loading.gif') 50% 50% no-repeat;
}

[lordprodigy]

that goes in your theme's css file.

[lordprodigy]

I tested it and it works. However you have to make few updates to bring the code up to date to 1.4.x:

instead of:

Code Select Expand

$template_display_picturelook for

Code Select Expand

$template_display_media

oh and the url was wrong. use this path

Code Select Expand

url('images/loading.gif') 50% 50% no-repeat;
as the css file and the images folder are in the same place.

make sure your bg image is really really small in kb otherwise it wont surve you well...

[will]

Done that but it still isn't working

[lordprodigy]

try again, and pay attention to the different steps involved. I did exactly what was said in the thread and it worked fine ...