SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    How to make picture and video responsive/shrinkable?

    Hi guys,

    How to make picture and video responsive/shrinkable?
    without using Bootstrap framework?

    How to do this manually?
    Do I need css or jQuery?
    Or both.

    Can you show me sample guys.

    Thank you very much.
    I Love coding...
    Don't click this link.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,596
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Could you give some more info? Are these YouTube vids? Or served via the <video> element? Either way, yes, they can easily be made responsive even just with CSS.

  3. #3
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Actually it's a jQuery plugin,
    http://www.no-margin-for-errors.com/...ightbox-clone/

    sorry If I posted it here, because I'm also thinking maybe I can modify the css/jquery codes and make it responsive.
    Or do you know a free jQuery plugin @ralph that offer photo & video lightbox that also responsive?

    Thanks in advanced.
    I Love coding...
    Don't click this link.

  4. #4
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Well I think I just found out that the current plugin that I'm using is also responsive.

    But your inputs are still welcome.
    I Love coding...
    Don't click this link.

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,596
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    I was really thinking in terms of a simple scenario where you have a YouTube video embedded on your page. It's easy to make it responsive by giving it a width of 100% and placing bottom % padding on the container to keep the container open.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •