responsive text image

  • Sam

    (@sdominique)


    11 years ago

    Hi Stefan, I just sent you a small donation. Thanks for your top notch service in these forums, it hasn’t gone unnoticed!

    Question for you:

    I want to insert images from a url instead of from the media uploader.
    Let’s say the image is http://someimage.com/image.png, and it’s dimensions are 800*600, and I want to center the text HI THERE

    I tried this

    <div style="background-image: url(http://someimage.com/image.png); background-repeat:no-repeat; background-attachment:fixed;
background-position:center; height: 800px; width: 600px; border: none; text-align:center;"><BR/> HI THERE </div>

    but when I scroll down the page the image isn’t responsive.

    1) what inline style do I paste in the text slide for the image to remain responsive?
    2) I assume that the max height of the slider has to match the max height of all of my images?

    Suggestions will be appreciated!
    Thanks

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Stefan Boonstra

    (@stefanboonstra)

    11 years ago

    Hi,

    Thank you very much for your donation!

    I’m not entirely sure if that what you’re trying to accomplish is possible. The only way to get the image to show, is to give the element a fixed size, as you have already done. The only way you can resize an image that way, is to use CSS media queries.

    Perhaps you could look for a plugin that enables you to add images to the media page using URLs. As using image slides is the only easy way to show images responsively. I’m sorry.

    Best regards,
    Stefan

    Thread Starter Sam

    (@sdominique)

    11 years ago

    Thanks.
    The media queries idea helped but it doesn’t have cross browser compatibility.
    I tried to find a plugin that allows upload by urls but couldn’t find one.

    Pick your brain question- Since I can’t use the url here, let’s say that I used the inefficient method of uploading the same image1.png to all of my blogs in a multisite network:

    http://mydomain.com/blogA/image1.png,
    http://mydomain.com/blogB/image1.png,
    http://mydomain.com/blogC/image1.png
    etc

    And I now want to switch from image1.png to image2.png but image2.png is not installed on all sub blogs, how would I install this image on all blogs without going through the cumbersome process of uploading image2.png manually to each blog? Can this be done through phpmyadmin?

    Plugin Author Stefan Boonstra

    (@stefanboonstra)

    11 years ago

    If you don’t mind going into PHPMyAdmin, you could insert a record to the ‘wp_posts’ table that points to an external image source. The query for doing this would look something like this:

    INSERT INTO wp_posts (ID, post_author, post_date, post_date_gmt, post_content, post_title, post_excerpt, post_status, comment_status, ping_status, post_password, post_name, to_ping, pinged, post_modified, post_modified_gmt, post_content_filtered, post_parent, guid, menu_order, post_type, post_mime_type, comment_count)
VALUES (NULL, '1', '2013-04-14 07:34:03', '2012-04-14 07:34:03', '', 'External image', '', 'inherit', 'open', 'open', '', 'external-image', '', '', '2012-10-20 07:34:03', '2012-10-20 07:34:03', '', '0', 'http://website.com/image.png', '0', 'attachment', 'image/jpeg', '0');

    This is the query PHPMyAdmin created for me, as I used the form for inserting a row. Your tables may not be named ‘wp_posts’ though. They may have different prefixes.

    If the image is added successfully, it should show up in your WordPress media library.

    rakesh_singh

    (@rakesh_singh)

    10 years, 7 months ago

    hello, i m new at wordpress
    i wanna integrate an image & some text to my page dynamically through wordpress, which is also responsive.

    so i need to know how can it be done

    i used a dozens of plugins, but all of no use

    you can view the demo at: cubicwebsolutions.eu/solusidata

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘responsive text image’ is closed to new replies.