K2 Artice Photos not Fullscreen

Hello Support.

I have the Problem that in the K2 Item the Pictures which i display with this code are not fullscreen

<p class="gk-wide-image" data-sr="enter bottom and move 200px and scale up 20% over 1s">
<img src="/joomla25/photo/images/demo/wide-blog-image.jpg" alt="Photography & Project by Innebo.com" />
<small>Photography & Project by Innebo.com</small>
</p>

But when i install the demo Packages(gk_photo_quickstart_J!3.zip ) and inside the images they are Full Screen.
I can´t find the important thing where this can be changed.

i think the path is: *template_name/images/demo/

*maybe the template_name is gk-photo

or

joomla/images/demo

The Pictures are displayed but not fullscreen!
only the Images in the K2 Item Content which are displayed with this code

Code: Select all

<p class="gk-wide-image" data-sr="enter bottom and move 200px and scale up 20% over 1s">
<img src="my_webserver_location" alt="Photography & Project by Innebo.com" />
<small>Photography & Project by Innebo.com</small>
</p>

Hi

Please tell me the url to a page with an example of this problem.

sorry site ist offline!

So one time more my problem is:
When i inside a image with this code in a K2 Item there is left and right some space free.

Wrong.JPG

Code:

Code: Select all

<p class="gk-wide-image" data-sr="enter bottom and move 200px and scale up 20% over 1s">
<img src="my_webserver_location" alt="Photography & Project by Innebo.com" />
<small>Photography & Project by Innebo.com</small>
</p>

but when i install the demo Packages(gk_photo_quickstart_J!3.zip ) and inside the same image they isn´t free space left/right.

perfekt.JPG

I can´t find the important thing where this can be changed.

Hi

I'm sorry, but have no idea. Need to see it to use developer tool and find out the solutions to this. Please ignore this for now and get back to me when site will be online.

Hi

I finally was able to see Your site and I think that the only problem is that image is not width enough. Try use images with width 1920px which according to google is the most common screen size right now. This will cover most of the screens than.

no that is not the problem because the same Images are full width when i put them in the Quickstart Template.
So there must be a different value between the Quickstart Template and the normal empty Template.
Do you know what it could be?

Hi

I'm not sure what You have in mind. I can see on both this websites images are not 100% width. I think I need a better explanation.

The code to center this images requires a fixed width. In this case this fixed width is set to 100%, which is 1600px, width of the image.

I think You are talking about header image and article images right now. But those are 2 different things. Header (the image on top of website) is displayed as a background.

but why is the same image on the same Screen(my Computer Screen) on the qickstart template in full width and in the empty template which i configured not full width on the same Screen.

So i am not a professional coder but when the same picture is on the quickstart template full width and on the empty self configured template not there must be a wrong different setting.

So what is the problem because the picture size is always 1600px width and the my screen had always a resolution of 1680x1050 in the qickstart template there is the picture full width and on the empty template the picture is not.

Hi

You are talking about 2 different cases.

On top of the article You can see so called "header image". This is an image displayed in a background of a header. This image is resized to 100% of screen.

Other images which are displayed in content of article are only centered, but has to use the size they've been attached to. It's because content itself has a limited width and elements inside can only resize to it's first parent, so a width of the screen is unknown to it.