4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: Hello-world on September 10, 2008, 07:20:32 PM

Title: Changing of image' brightness, contrast...
Post by: Hello-world on September 10, 2008, 07:20:32 PM
1) how to to make such functions for image in gallery: brightness, contrast, negative etc... 
(http://schneef.com/how-to.jpg)

2) is it possible to add a colour profile for gallery viewing ( irrespective of color profile of the visitor, is loaded your own for your gallery or image)
Title: Re: Changing of image' brightness, contrast...
Post by: mawenzi on September 10, 2008, 07:35:11 PM
... no link / url ... therefore ... ask the website owner ...
... or copy the java script, links and images from this site to your gallery ... ;)
Title: Re: Changing of image' brightness, contrast...
Post by: Hello-world on September 10, 2008, 09:28:54 PM
This site does not exist.  :roll: I have thought up this screenshot ...  it just show how it should be in my opinion
Title: Re: Changing of image' brightness, contrast...
Post by: Kurman on October 02, 2008, 11:09:17 PM
mawenzi
+1  :)

From screenshot I see that image itsefl viewed with opasity (maybe) 50 %

I did something for myself, but quite the contrary - I have normaly viewed thumbnail, and made it to get opaque %50 on mouseover.

Code: [Select]
.thumb a:hover img {
filter:alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity:0.5;
after some test you can make as you wish, to get opaque image normally, exactly on the contrary of what I did.
But I think it is not good for gallery view, imho.

-------------------------------------------------------------------------------------------------------
---- added after a while ))) I got interested and did it for  you right now )) ---------

add to the end in styles.css
Code: [Select]
.thumb img {
filter:alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity:0.5;
}
.thumb a:hover img {
filter:alpha(opacity=90);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;
}

and give/add to your  {thumbnail}  or  {image} div's class "thumb":
Code: [Select]
<div  class="thumb">{thumbnail}</div>
example on thumbnails you can see here (http://foto.kurman.ru/categories.php?cat_id=2).

But if you want to do exactly as on screenshot - taking effects mentioned above only on a square area in the image, you mustl use .js. Only with div you cannot do it.
I don't want in my site many javascrips, so will not test. I give you an attachaed file instead, after a few testing yuou will be able change code as you like. Attached file contains javascript which make zoon in  square area, as you want to not to zoom but bland, so you are free to test it )) see attached file below.
Title: Re: Changing of image' brightness, contrast...
Post by: Hello-world on October 03, 2008, 04:45:13 PM
Thanks you a lot! It's cool! But most of all I want to change by user in gallery brightness & contrast of a picture.
Title: Re: Changing of image' brightness, contrast...
Post by: Kurman on December 15, 2009, 10:09:28 PM
use {if loggedin}