Welcome to TalkGraphics.com
Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 25
  1. #11
    Join Date
    Sep 2013
    Posts
    318

    Default Re: Slow motion background

    I think I may now be answering my own question, but from what I see the images are not embedded in the file, but are 'pulled' from a host? Is there a way of embedding them in the xara file or would I need to host them somewhere and point to them within xara?

  2. #12
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    22,090

    Default Re: Slow motion background

    I think you'll need to place them in an image folder and change the css source to point to their url which shouldn't be a big issue. I've quoted the relevant section below (I hope)

    Nice find by the way Rob

    section.module.parallax-1 {
    background-image: url("../img/demo/_small/1.jpg");
    }
    section.module.parallax-2 {
    background-image: url("../img/demo/_small/2.jpg");
    }
    section.module.parallax-3 {
    background-image: url("../img/demo/_small/3.jpg");
    }
    Egg

    Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor
    + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #13
    Join Date
    Sep 2013
    Posts
    318

    Default Re: Slow motion background

    Many thanks Egg, I will give it a go!

  4. #14
    Join Date
    Sep 2013
    Posts
    318

    Default Re: Slow motion background

    Hi again

    I have gave it a go but cant seem to get it to work - down to my own ineptitude I am sure!

    I think that where I am going wrong is that using the code kindly supplied by egg I need to upload the photos into a sub directory of where the site files will be placed?

    Ideally what I would like to do is 'embed' the photos in the site so that everything is uploaded in one go - dont know if that is possible?

    I have tried using a variant of the code that I think Steve Ledger produced for the full screen slideshows which allow me to use ctrl+alt+shift+A to add the images - I think that the appropriate part of the code is:

    "index_htm_files/1.jpg",
    "index_htm_files/2.jpg",
    "index_htm_files/3.jpg",

    So I was hoping that I could combine this with the code supplied by Egg, but as stated I have had no success as yet.

    Any thoughts?

  5. #15
    Join Date
    Nov 2013
    Location
    Hertfordshire, UK
    Posts
    1,488

    Default Re: Slow motion background

    Hi Nobbyy,

    Many thanks for your kind words.

    Yes, if you select an object and press Ctrl + Shift + Alt + A, then select the images and press ok, it then import that image into your document and will appear in the "filename_htm_files" folder when you export. It will also keep the filename, so change the code to be whatever the filenames are; you could have something like:

    "index_htm_files/picture_of_something.jpg",
    "index_htm_files/family_photo.jpg",
    "index_htm_files/my_first_car.jpg",

    Also a note on the Ctrl + Shift + Alt + A feature:
    • You can attach multiple files to an object, but need to do them individually.
    • If you delete the object you have attached files to, it also deletes the files.
    • If you have Designer Pro, you can see attached files in the names gallery under "used files".
    • Attached images don't appear in the bitmap gallery.


    If you get stuck, send us a PM and I'll look into it. There are some other nicer examples of the parallax scrolling that I'll try when I get a moment.

    Thanks
    Rob

  6. #16
    Join Date
    Sep 2013
    Posts
    318

    Default Re: Slow motion background

    Hi Rob

    Many thanks for your swift and very helpful response - I cant wait to try it!

    Will let you know how I get on.

    Thanks again

    Neil

  7. #17
    Join Date
    Mar 2009
    Location
    England
    Posts
    2,044

  8. #18

    Default Re: Slow motion background

    Yep, well done Rob.

  9. #19
    Join Date
    Nov 2013
    Location
    Hertfordshire, UK
    Posts
    1,488

    Default Re: Slow motion background

    Thanks guys, I appreciate it :)

    Sorry I probably should of mentioned in the previous post: If the background image is being set by CSS, then you need to use the URL attribute like in the example, so the correct code would be:

    section.module.parallax-1 {
    background-image: url("index_htm_files/1.jpg");
    }
    section.module.parallax-2 {
    background-image: url("index_htm_files/2.jpg");
    }
    section.module.parallax-3 {
    background-image: url("index_htm_files/3.jpg");
    }

    Thanks
    Rob

  10. #20
    Join Date
    Sep 2013
    Posts
    318

    Default Re: Slow motion background

    Hi again Rob - you are an absolute star - works perfectly!!!

    Thank you so much.

    Neil

 

 

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
  •