Fixed image in mobile background

  • Author
    Posts
  • #1506458

    orhsartmedia
    Member

    Is there any way that I can customize the mobile version so as to have an image fixed in the background of my site that changes through a collection of pictures upon refresh? I had a friend develop a page for me that current does what I would like my entire mobile site to do:

    theasterisk.net

    Thank you so much for your help. I realize this question is quite complicated.

    The blog I need help with is orhsartmedia.wordpress.com.

    #1506558

    orhsartmedia
    Member

    perhaps I should ask, is this even possible to do? Please, any help would be appreciated

    #1506616

    You know, since you have a web host for the other site, you might read through this posting by Matt Mullenweg, which talks about this very thing. On the blog end, you would only have to worry about the CSS, and the PHP script and the images could live in a directory on your other site.

    http://ma.tt/scripts/randomimage/

    #1506688

    orhsartmedia
    Member

    Thank you so much for your prompt reply. I am having a bit of a hard time understanding the script Matt suggests. How would I assign this script to only the background on the mobile theme? Also, I am going to have to drop the opacity of the content boxes in order that the background will be seen. Every time I try this, the opacity drops on the entire page, rather than just the content boxes. Thanks again!

    #1506702

    orhsartmedia
    Member

    I managed to get the background of the mobile themes opacity to change without effecting the the text. I am still having a bit of an issue figuring out the background rotating image. I was also wondering if I can separate the entries into there own boxes?

    #1506757

    The script thesacredpath mentioned is one possible way to get a link for a random image which you could then use in custom CSS that you write for your mobile theme.

    To use that script, you would need to install it on an outside server where you are able to upload and execute PHP files, as thesacredpath suggested, and also upload a set of images in to the same folder where the script is saved or edit the $folder variable accordingly.

    Once you had the script working and a set of images saved on an outside server, let’s say the script URL is something like this:
    http://example.com/path/to/rotate.php

    Then you could use that URL to set it as the background in your custom CSS like this:

    body.mobile-theme {
    	background-image:url('http://example.com/path/to/rotate.php');
    }

    In order to do this, you do need to setup the script on your own on the outside server and get it working first.

The topic ‘Fixed image in mobile background’ is closed to new replies.