forum.coppermine-gallery.net

No Support => Modifications/Add-Ons/Hacks => Mods: Visuals => Topic started by: Fabricio Ferrero on November 27, 2008, 09:03:38 pm

Title: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Fabricio Ferrero on November 27, 2008, 09:03:38 pm
This is my first Mod so if you find something that should be changed or fix, please, let me know. Anyways, I didn't code anything, just modify a pair of thing to make it work on Coppermine. Credits go to mohdismail (http://www.mohdismail.net/). It's distributed as free.


Ok, let's start.

1 - Download 'peel.zip' file. Attached in this post. It should contain: 'large.swf', 'large.jpg', 'small.swf', 'small.jpg' and 'peel.js'

2 - Unzip  the file

3 -Start a text editor and open 'peel.js'

Edit:

4 - Edit the images you want to show. 'small.jpg' and 'large.jpg'.

5 - Upload the entire 'peel' folder to http://www.yoursite.com/coppermine-folder/themes

6 - Add the following after <title> before </head> in your 'template.html'.
Code: [Select]
<script src="http://www.yoursite.com/coppermine-folder/themes/peel.js" type="text/javascript"></script>

Done!

Notes:
If you want to point to a URL outside your site:
Go to step 3,  'jaaspeel.ad_url' Instead of: 'http://www.yoursite.com/article15' put something like this:
Code: [Select]
escape(’http://coppermine-gallery.net’);
If you want peel effect larger (of the small image)
Open 'peel.js' and edit:

Code: [Select]
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
Change '100' to another value.


If you want peel effect larger (of the large image)
Open 'peel.js' and edit:

Code: [Select]
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
Change '650' to another value.

Demo: See attachment.
Live Demo: www.fabriferrero.com.ar/pics (http://www.fabriferrero.com.ar/pics) My personal site.
[ADD by Pascal YAP] Demo in PYAP's Gallery : http://www.pays-dignois.com/galerie/index.php [/APY]

I'll be waiting for your report!  ;)


Edit: Works on Internet Explorer:
Just place the
Code: [Select]
<script src="http://www.yoursite.com/coppermine-folder/themes/peel.js" type="text/javascript"></script> After the body tag and that's it! (Image 'IE.jpg' attached.)
Title: Re: MOD: Peel Coppermine effect.
Post by: phill104 on November 27, 2008, 09:16:48 pm
Great stuff but it doesn't work in IE7 for me. Fine in FF, Chrome and Safari though.

And just to be pedantic, the comment "something you don't want users to missed" is bad English. "Something you don't want your users to miss!" would be better. As I said, that is the pedant in me coming out :-[
Title: Re: MOD: Peel Coppermine effect.
Post by: Fabricio Ferrero on November 27, 2008, 09:30:03 pm
Thanks!

Quote
And just to be pedantic, the comment "something you don't want users to missed" is bad English
You're not pedantic for me, I'm here to learn about Coppermine and English too!  ;D  Ironicaly it's the original image from the website (I didn't gave too much attention to the images, just to the other files.) ;)

If somebody achieve how to make it work on IE7 would be great! If not, use Firefox as you should from the very first time you start surfing the web!  ;D

Regards,
Title: Re: MOD: Peel Coppermine effect.
Post by: Hein Traag on November 27, 2008, 09:35:13 pm
I am using FF but i do not see the live demo. How come?
Title: Re: MOD: Peel Coppermine effect.
Post by: Fabricio Ferrero on November 27, 2008, 09:56:11 pm
I was removing the image that phill104 mentioned. Try it again now. It should be work without problem.

Screenshot attached again.
Title: Re: MOD: Peel Coppermine effect.
Post by: Hein Traag on November 27, 2008, 10:02:41 pm
Sorry but it doesn't, at least not on my laptop. Running FF 3.04 here.
Title: Re: MOD: Peel Coppermine effect.
Post by: Fabricio Ferrero on November 27, 2008, 10:08:34 pm
Sorry, I don't know what to say. If you have Flash plugin installed should be working perfectly.

Look the attached picture.  :-\  I'm running same version as you.  :o
Title: Re: MOD: Peel Coppermine effect.
Post by: Hein Traag on November 27, 2008, 10:17:20 pm
Weird  ??? I'll try at work tomorow. But I think it is a useful tool to attract attention.
Title: Re: MOD: Peel Coppermine effect.
Post by: Fabricio Ferrero on November 27, 2008, 10:22:57 pm
Very weird. If you are sure that all files are where should be, should work. It's a simple MOD and you know better than me the silly reasons this hack might don't work. (such us: clean cache before the first test, enabled java, flash or similar..)

Sorry  :-[
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: François Keller on November 28, 2008, 07:21:18 am
works for me with FF3 and IE7
Look's good for me
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Hein Traag on November 28, 2008, 08:09:02 am
Goodmorning. At work it does work and it looks really cool. Good stuff fabri.
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Gizmo on November 28, 2008, 01:17:06 pm
Great work Fabri!  :D
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: phill104 on November 28, 2008, 03:13:40 pm
Just tried it on every machine in the office and it works on about 70% of them (all IE7). I'm just struggling to work out what is stopping it. There are about 7 of us in the office scratching out heads at the moment.
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Fabricio Ferrero on November 28, 2008, 03:37:33 pm
works for me with FF3 and IE7
Look's good for me

Thank you very much for reporting back François!


Goodmorning. At work it does work and it looks really cool. Good stuff fabri.

I'm happy to see your report to. Hein thank you very much!

Great work Fabri!  :D

Did you see what theme am I using? Thanks to you too Gizmo! ;)

Just tried it on every machine in the office and it works on about 70% of them (all IE7). I'm just struggling to work out what is stopping it. There are about 7 of us in the office scratching out heads at the moment.

It would be nice to discover why. The things is that I tested on several machines (5 indeed. Using FF, IE and Crhome...) before post the MOD and work just great. phill104 If you could solve that it would be great to give an advise to the ones who want to install this mod. Anyways, Its quite weird, because it's just a small javascript callig a Flash animation. Report please if you solve it! :) Thanks in advance!
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Hein Traag on November 28, 2008, 03:38:03 pm
Same here, at work we use IE6 (yeah go ahead laugh  ;) ). While at home it is FF3.04 with no script plugin .. but no script does not block the demo site. Must be something else. Have not figured it out yet.
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Fabricio Ferrero on November 28, 2008, 04:02:26 pm
Quote
at work we use IE6 (yeah go ahead laugh  Wink ).
That's it. No more testing are needed!  ;D  ;D

I just don't get it why you can't see the live themo with FF3.04  :-\

Ok, seriously, i just change the location of some things. I think should work for you right now. Try again. If your report is good I will edit in the very first post.  ;)
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: phill104 on November 28, 2008, 06:51:50 pm
Looks like you have fixed it. It now seems to work on all the machines.
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Fabricio Ferrero on November 28, 2008, 06:56:35 pm
Ok, waiting for more reports to reflex on first post the needed changes.. Small things indeed..
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Joachim Müller on November 28, 2008, 11:22:55 pm
Here's my test report: I'm on Ubuntu Linux as operating system. Works partially on Gecko Browsers (the colors and transparency don't work as expected, see screenshots), that is FF3.0.4, Epiphany 2.2.2 and Galeon 2.0.4. Doesn't work at all in Dillo 0.8.6 and Netsurf 1.1 (which is to be expected, as those are not DOM compliant browsers). Doesn't work at all in Opera 9.2.7 (see screenshot).
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Fabricio Ferrero on November 28, 2008, 11:54:05 pm
Here's my test report: I'm on Ubuntu Linux as operating system. Works partially on Gecko Browsers (the colors and transparency don't work as expected, see screenshots), that is FF3.0.4, Epiphany 2.2.2 and Galeon 2.0.4. Doesn't work at all in Dillo 0.8.6 and Netsurf 1.1 (which is to be expected, as those are not DOM compliant browsers). Doesn't work at all in Opera 9.2.7 (see screenshot).

:(  I was expecting your report.... It looks so bad...  Very disapoiting... :(

Let's leave this mod to be used as their own risk till have a working version under Linux.
Anyways, under Windows looks very good and as Hein said, I think this is a great tool to call attention of all users.

@All: If anyone with more skills on coding than me would like to de-bug this will very welcome. ;)

Thanks,
Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: VaporDesigns on January 07, 2009, 07:36:53 pm
Does anyone know if this works with Konqueror browser?
Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: François Keller on January 07, 2009, 09:05:35 pm
the bes t is to try   :D
Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Pascal YAP on January 21, 2009, 05:15:14 pm
Look nice  :D
Example :
http://www.pays-dignois.com/galerie/index.php (fx removed)
Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Fabricio Ferrero on January 21, 2009, 10:34:47 pm
Very nice!  ;)
Title: Re: MOD: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Joachim Müller on February 05, 2009, 09:02:08 am
Does anyone know if this works with Konqueror browser?
Here's my test report: I'm on Ubuntu Linux as operating system. Works partially on Gecko Browsers (the colors and transparency don't work as expected, see screenshots), that is FF3.0.4, Epiphany 2.2.2 and Galeon 2.0.4. Doesn't work at all in Dillo 0.8.6 and Netsurf 1.1 (which is to be expected, as those are not DOM compliant browsers). Doesn't work at all in Opera 9.2.7 (see screenshot).
Konqueror is the KDE default browser, but in the end it is using similar rendering engine as the browsers I tested with, so the test result probably will be the same: will work partially. After all, this mod is basically for IE and will sort-of work in all other browsers, especially the less known ones on "exotic" operating systems. But after all, this is just eye candy, so it won't hurt too much if it doesn't work fully on browsers that your target audience probably doesn't use.
Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Heroe on August 09, 2009, 03:43:56 pm
Thank you very much Fabricio Ferrero i love this mod !!

Here is my result working in both IE and FF browser :



Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Fabricio Ferrero on August 10, 2009, 04:21:55 am
You're welcome Heroe! I visited your site and it looks great!

Can I make a suggestion? I would put an small sign "Click here for Iguazu Waterfalls pictures" or similar. If you only show a picture to your visitors you're not suggesting them to visit that album ;)
Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Heroe on August 10, 2009, 09:09:09 am
You're welcome Heroe! I visited your site and it looks great!

Can I make a suggestion? I would put an small sign "Click here for Iguazu Waterfalls pictures" or similar. If you only show a picture to your visitors you're not suggesting them to visit that album ;)

Yes i been thinking to make small sign "New" and put at on the small.jpg photo just need to find good program as PS4 for Linux to make at.

Thanks again for the grate mod Fabricio Ferrero
Title: Re: Peel Coppermine effect. (Firefox and Internet Explorer)
Post by: Heroe on August 26, 2009, 01:11:32 am
I made some effects for the peel effect with inkscape, i hope u like them. This are the colours for the moment, but if somebody want any other colour let me know :)
I hope Fabricio Ferrero and the moderators don't mind to post them here. :)