Code Monkey home page Code Monkey logo

Comments (9)

straydogstudio avatar straydogstudio commented on June 17, 2024

Thanks.

100% width should work, as it just uses the width of the container, and readjusts itself if the window is resized. So if your container is 100% then you should be ok.

But you are wanting height of 100% with width auto. Can you send me a simple example? A gist? That way I can address your problem specifically.

Noel

from film_roll.

straydogstudio avatar straydogstudio commented on June 17, 2024

@kiul, are you just wanting a full page carousel, whatever the height is?

from film_roll.

kiul avatar kiul commented on June 17, 2024

Sorry for the late
I want to have the height responsive when i'm on mobile or on laptop the image height take the full browser

Envoyé de mon iPhone

Le 25 oct. 2013 à 00:22, Noel Peden [email protected] a écrit :

@kiul, are you just wanting a full page carousel, whatever the height is?


Reply to this email directly or view it on GitHub.

from film_roll.

straydogstudio avatar straydogstudio commented on June 17, 2024

@kiul I've done initial work for full screen. You'll find it in the documentation and example page. See if it meets your needs.

It allows a full screen carousel, but it does not try to resize the content for you. It will center it vertically if desired.

If you are wanting each item to be full screen, this is probably not the plugin you need. It isn't designed to fill each screen one item at a time.

from film_roll.

straydogstudio avatar straydogstudio commented on June 17, 2024

I'm going to close this as I've not heard from you.

I should mention, there should be a way to use callbacks, css media queries, and javascript to adjust content at break points.

There is also the possibility of having the plugin force the relative size of the content to fill the container. The problem is there are no stipulations on what a child is; how would non image content be resized? But there might be a way to handle it. Sometime I will do more to play with it. Add another comment if you have any input.

from film_roll.

kiul avatar kiul commented on June 17, 2024

Thanks you for your time

Envoyé de mon iPhone

Le 29 oct. 2013 à 05:18, Noel Peden [email protected] a écrit :

I'm going to close this as I've not heard from you.

I should mention, there should be a way to use callbacks, css media queries, and javascript to adjust content at break points.

There is also the possibility of having the plugin force the relative size of the content to fill the container. The problem is there are no stipulations on what a child is; how would non image content be resized? But there might be a way to handle it. Sometime I will do more to play with it. Add another comment if you have any input.


Reply to this email directly or view it on GitHub.

from film_roll.

straydogstudio avatar straydogstudio commented on June 17, 2024

@kiul FYI, I finally worked out full screen carousels. Or rather, full height carousels that resize with the window. View an example here:

http://straydogstudio.github.io/film_roll/fullscreen.html

I've also made it possible to work with responsive images, but I haven't had time to post an example yet. Tell me if you'd like to know when it is up.

from film_roll.

kiul avatar kiul commented on June 17, 2024

hello, i'm currently in vacation but i try a little bit on safari
it works fine and for a better increase in size :
div.film_roll_child img { width:auto; height: 100%; max-width: none; max-height: 100%;}
in adding width: auto, it works very well
try your code with real images or photos, you'll understand
thanks a lot

from film_roll.

straydogstudio avatar straydogstudio commented on June 17, 2024

Thanks @kiul. I'll look at that CSS.

from film_roll.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.