Image Opacity

hhammer
Offline Topic Author
New Member
Posts: 6
Thanks: 0

Image Opacity was created by hhammer

Posted 9 years 5 months ago #23529

Hi,

is it possible to give the left and the right image in carousel an opacity from 0.5 and the center image an opacity from 1? So that looks like a focus on center image.

best regards

hhammer

by hhammer

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29114
Thanks: 3703

Replied by ced1870 on topic Image Opacity

Posted 9 years 5 months ago #23531

Hi
you can change the opacity by editing the JS file in the module
for now the option is not in the module admin
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

hhammer
Offline Topic Author
New Member
Posts: 6
Thanks: 0

Replied by hhammer on topic Image Opacity

Posted 9 years 5 months ago #23532

Hi Ced,

thank you for your fast answer. I have changed the opacity in carouselck.js
Line 138 and 146.
Now wenn the carousel first load all 3 images has opacity 1. When i use the carousel left and right image has opacity 0.5.
Is it possible to set the opacity left and right image to 0.5 when the carousel load first?

See example here:

s521815900.online.de/joomla/JoomlaNeu/in...h/cnc-techniken.html

Thank you and best regards

hhammer

by hhammer

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29114
Thanks: 3703

Replied by ced1870 on topic Image Opacity

Posted 9 years 5 months ago #23533

Right ! I have never seen before that the first time the images have all opacity 1
it is the same on my demo

try to change

Code:

$(newImg).css({
				'position': 'absolute',
				'height': tmpImgh[i],
				'width': tmpImgw[i],
				'left': tmpImgleft[i],
				'top': tmpImgtop[i],
				'z-index': tmpImgzindex[i],
				'opacity': imgopacity
			});

with

Code:

$(newImg).css({
				'position': 'absolute',
				'height': tmpImgh[i],
				'width': tmpImgw[i],
				'left': tmpImgleft[i],
				'top': tmpImgtop[i],
				'z-index': tmpImgzindex[i],
				'opacity': tmpImgopacity[i]
			});

Joomlack Webmaster and Developer

by ced1870

The following user(s) said Thank You: hhammer

Please Log in or Create an account to join the conversation.

hhammer
Offline Topic Author
New Member
Posts: 6
Thanks: 0

Replied by hhammer on topic Image Opacity

Posted 9 years 5 months ago #23536

Hi Ced,

it works fine.

Thank you very much.

Best regards

hhammer

by hhammer

Please Log in or Create an account to join the conversation.

kao
Offline
New Member
Posts: 2
Thanks: 0

Replied by kao on topic Image Opacity

Posted 9 years 4 months ago #23624

Hi,

I have a problem with this module, i want image opacity change to image blur, how can i do?

Thanks.

by kao

Please Log in or Create an account to join the conversation.