-
AuthorPosts
-
August 29, 2017 at 10:04 pm #845467
Hi, I am trying to solve this little issue.
Basically, I have a grid row element split in two cell. The first cell has a background pic with another image + some text on top of it. I need to put in the second cell a slider to show at the same size of the first cell. I’ve now tried many ways to make it with easy-slider but can’t find a way that works. I just want the two cells to show at the same height in proportion with the size screen. I mean it’s ok to have the content scaled to the screen size but at least always at the same height between the two cell.
If I could make the slider to cover the element (stretched is ok) like is possible to do with the background image, the problem is solved.
The most similar thing I have seen in your demo is a slider with a flat background with some content on it besides. Unfortunately, I have to make it work with a picture beside in the same way. Tell me that is possible.
Can you please give me any suggestions?August 31, 2017 at 12:32 pm #846203Anyone can help me with this one please?
I have provided link and temporary user on the private content area.
Of course I am open to use any other kind of slider as long as it makes me able to do what I describe above.
Forgot to mention that we are talking about the section right after the first video on the website.
Thanks- This reply was modified 7 years, 3 months ago by grafica6106.
August 31, 2017 at 8:33 pm #846504Maybe…maybe something that check the size of the first cell (while scaling with the screen) and make the second cell the same size of the first with the content stretched on it. That way should work, I m thinking of a Java snippet but don’t know the code of it and don’t know where to put it.
Waiting for some helps…thanksSeptember 1, 2017 at 4:30 am #846587Hi,
Thanks for the login details, they seem to work but I can’t access the backend for some reason. I get redirected to the front page, how can we view the backend of the page?
Best regards,
RikardSeptember 5, 2017 at 10:02 am #848013Hi Rikard,
you can now access the backend of the page with the same details I gave you last time. The user role I gave you was a subscriber role if you try now I’ve changed it and should work.
I repeat myself again. the problem for me here is not that the element does not work Rikard, instead, I was looking for any suggestion to make it work the way I described above.
Basically, I need to make the slider to display always at the same size (height) of the background image I have on the left-hand side. I need to make the content of both cells display always at the same height of course depending on the screen, so we need to maintain the scalability. If you try to scale the screen now you will see the difference of height between the background image on the left and the slider on the right.
I think (i have been told) this could be done having a javascript that checks the first cell content size and makes the slider the same size.
I have this snippet:
<script>
> $(document).ready(function(){
> $(window).trigger(‘resize’);
> });
>
> $(window).on(‘resize’,function() {
> offsetHMatch();
> });
> function offsetHMatch(){
> $(‘.overlap’).each(function(){
> $(this).find(‘.overlap-large’).height(‘auto’);
> $(this).find(‘.overlap-small’).height(‘auto’);
> var s1 = $(this).find(‘.overlap-large’).height();
> var s2 = $(this).find(‘.overlap-small’).height();
>
> if (s1 >= s2)
> $(this).find(‘.overlap-small’).css(‘height’, s1 + “px”);
> else
> $(this).find(‘.overlap-large’).css(‘height’, s2 + “px”);
> });
> }
</script>
where I should be able to replace these .class names with those used on the element to define the two cells and the div container and should work.
I think I am using the wrong classes because is not working.
I am placing this snippet in the google analytics text code area to try it..maybe this is another issue as well.
Can someone please help me to solve this issue?
ThanksSeptember 6, 2017 at 6:12 pm #848792Anyone please…start to be a bit urgent sorry…
September 7, 2017 at 9:05 pm #849229Hi,
Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
BasilisSeptember 7, 2017 at 9:17 pm #849241Well, even if I accept your point, shall I say is a bit disappointing to know this after a week waiting for a reply?
Thanks anyway.Regards.
September 7, 2017 at 11:41 pm #849329Hi,
Apologies for the delay in response. If you need additional help, please us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘MAKE EASY SLIDER TO FIT GRID ROW CELL SIZE’ is closed to new replies.