Poll

Changing of brightness, contrast of image in gallery

It's really to make
0 (0%)
It is unreal
0 (0%)
It's already exists !
0 (0%)

Total Members Voted: 0

Author Topic: Changing of image' brightness, contrast...  (Read 17007 times)

0 Members and 1 Guest are viewing this topic.

Offline Hello-world

  • Newbie
  • *
  • Posts: 12
    • View Profile
Changing of image' brightness, contrast...
« on: September 10, 2008, 07:20:32 PM »
1) how to to make such functions for image in gallery: brightness, contrast, negative etc... 


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)

Offline mawenzi

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: Changing of image' brightness, contrast...
« Reply #1 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 ... ;)
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline Hello-world

  • Newbie
  • *
  • Posts: 12
    • View Profile
Re: Changing of image' brightness, contrast...
« Reply #2 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

Offline Kurman

  • Newbie
  • *
  • Posts: 42
    • View Profile
    • www.kurman.ru
Re: Changing of image' brightness, contrast...
« Reply #3 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.

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.
« Last Edit: October 02, 2008, 11:22:51 PM by Kurman »
4images running as a music portal http://music.kurman.ru/

Offline Hello-world

  • Newbie
  • *
  • Posts: 12
    • View Profile
Re: Changing of image' brightness, contrast...
« Reply #4 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.

Offline Kurman

  • Newbie
  • *
  • Posts: 42
    • View Profile
    • www.kurman.ru
Re: Changing of image' brightness, contrast...
« Reply #5 on: December 15, 2009, 10:09:28 PM »
use {if loggedin}
4images running as a music portal http://music.kurman.ru/