COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Picture size

Start
Prev
1
Next
End

Olivier Battaglia
Topic Author
Offline
New Member

9 years 11 months ago #139947 by Olivier Battaglia

Picture size was created by Olivier Battaglia

I am not sure were I can change the size of an image which is shown on the first page (in the slider): I found that there is a possibility to change the size in the parameters, but It only makes the image more blury...
I would like the users to see that there are further items below. A relation of 2/3 for the image and 1/3 showing thie items below is what I am looking for. I hope that I could formulate my problem.

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

Krikor Boghossian
Offline
Platinum Member

9 years 11 months ago #139948 by Krikor Boghossian

Replied by Krikor Boghossian on topic Picture size

Hello Olivier,

The size is calculated with a script and it is supposed to cover the first screen.

You can alter the script to cover a certain part minus some pixels.

In the /templates/js/behaviour.js file locate the following block

function resSlide() {
		var height 		= $(window).height();
		var subheader 	= $('.sub-header');
		var sheight 	= subheader.height() + 20;
		var slideshow 	= $('.modSlideshowBlock');
		var docWidth	= $(document).width();
		var winHeight	= $(window).height();

		slideshow.css('height', height);
		if ( $('body').hasClass('has-slideshow') ) {
			subheader.css('margin-bottom', -sheight);
		}
		$('.modSlideshowBlock .itemsWrapper').css('height', height);

		if (docWidth >= 1440){
			$('body.has-slideshow.no-offcanvas').css('padding-top', winHeight ); // include some paddings
		} else {
			$('body.has-slideshow.no-offcanvas').css('padding-top', '0' ); // remove all paddings
		}
	}

You need to change it with.

	function resSlide() {
		var height 		= $(window).height() - 100;
		var subheader 	= $('.sub-header');
		var sheight 	= subheader.height() + 20;
		var slideshow 	= $('.modSlideshowBlock');
		var docWidth	= $(document).width();
		var winHeight	= $(window).height() - 100;

		slideshow.css('height', height);
		if ( $('body').hasClass('has-slideshow') ) {
			subheader.css('margin-bottom', -sheight);
		}
		$('.modSlideshowBlock .itemsWrapper').css('height');

		if (docWidth >= 1440){
			$('body.has-slideshow.no-offcanvas').css('padding-top', winHeight ); // include some paddings
		} else {
			$('body.has-slideshow.no-offcanvas').css('padding-top', '0' ); // remove all paddings
		}
	}

You can change the 100 pixel gap to another value if you want.
More that 100 - 150 might affect some viewports though.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Olivier Battaglia
Topic Author
Offline
New Member

9 years 11 months ago #139949 by Olivier Battaglia

Replied by Olivier Battaglia on topic Picture size

Thank you for the information. in my behaviour.js there was no code in it.I entered the code which you sent me.
If I refresh the homepage I don't get any pictures any more.. It just tries to load... Do I need to upload the pictures again?

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

Krikor Boghossian
Offline
Platinum Member

9 years 11 months ago #139950 by Krikor Boghossian

Replied by Krikor Boghossian on topic Picture size

It is possible you edited the wrong js file.
Is it possible to have a link so I can check it out?

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

parsa
Offline
New Member

7 years 2 months ago #163660 by parsa

Replied by parsa on topic Picture size

"gt metrics" shows problem in each size of photos i use in my site. what can i do?

آهک | آهک هیدراته | آهک زنده | کارخانه آهک قم | پودر سنگ

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

Krikor Boghossian
Offline
Platinum Member

7 years 2 months ago #163696 by Krikor Boghossian

Replied by Krikor Boghossian on topic Picture size

Hello,

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

So please open a ticket so we can work on this.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Start
Prev
1
Next
End