Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 14
  1. #1
    Join Date
    Apr 2020
    Location
    North Yorkchire
    Posts
    21

    Default Carousel Slider any recommendations?

    I'm looking to display 4 monthly newsletter front page graphics in carousel slider format, scrolling around in either 360 carousel or a fixed left/right slider also allowing a link to the newsletter pdf to open in a new window.

    Ideally, there could be as many as 12 issues to scroll left and right for the full year, but with just 4 available in the slider window
    example:

    Click image for larger version. 

Name:	newsletter screenshot.jpg 
Views:	15 
Size:	41.9 KB 
ID:	128058

    Can't see anything in the catalogue that fits the bill....any thoughts?

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    38,545

    Default Re: Carousel Slider any recommendations?

    Have a look at WOW Slider https://wow-slider.en.softonic.com/

    If you go this route let us know because there is a way you have to integrate it into Xara.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






  3. #3
    Join Date
    Apr 2020
    Location
    North Yorkchire
    Posts
    21

    Default Re: Carousel Slider any recommendations?

    just downloaded Wow and tried adding html as a placeholder, but doesnt look as simple as that!

    Any tips?

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    12,172

    Default Re: Carousel Slider any recommendations?

    I definitely would not use a Slider for this.

    I set up a set of pages in a Horizontal Supersite with a gap of 5px.
    Each page is designed to exactly hold one image. Do not have a page shadow.
    I made it A4-scaled of 210x297px. Each can have any Xara effect, rollovers, links to a fresh page, ...
    This alone overpowers a carousel.
    I published this all to a sub-folder, newsletters.

    In the main site, I created a Placeholder with body code: <iframe name="newsletters" width=100% height=100% src="newsletters/index.htm"></iframe>"
    The placeholder width was 4 times the newsletter width plus a margin (e.g., 4 x 210 + 3 x 5 --> 855px); height was 297px.

    Rough & ready demo: http://acorn.xara.hosting/sailtime/

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  5. #5
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    38,545

    Default Re: Carousel Slider any recommendations?

    stuk34

    After you create the slide show WOW Slider creates an index.html file. Inside the index.html file are designated sections that go in the Page > Body section and Page > Head section. Copy and paste from the index.html file into your Xara page that contains the slider.

    WOW Slider also creates two folders, I think Engine and Data. These two files have to uploaded to the route directory where you publish your site.

    And since the two snippets of code refer to index.html it is best to rename your home page, which in Website Properties > Page is index, to index.html so all your page files end in .html

    Xara will say this is not a good idea. But it is fine.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






  6. #6
    Join Date
    Apr 2020
    Location
    North Yorkchire
    Posts
    21

    Default Re: Carousel Slider any recommendations?

    Thanks both,

    Going to try both methods, appreciate your help and super quick responses

  7. #7
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    687

    Default Re: Carousel Slider any recommendations?

    Quote Originally Posted by Acorn View Post
    I definitely would not use a Slider for this.

    I set up a set of pages in a Horizontal Supersite with a gap of 5px.
    Each page is designed to exactly hold one image. Do not have a page shadow.
    I made it A4-scaled of 210x297px. Each can have any Xara effect, rollovers, links to a fresh page, ...
    This alone overpowers a carousel.
    I published this all to a sub-folder, newsletters.

    In the main site, I created a Placeholder with body code: <iframe name="newsletters" width=100% height=100% src="newsletters/index.htm"></iframe>"
    The placeholder width was 4 times the newsletter width plus a margin (e.g., 4 x 210 + 3 x 5 --> 855px); height was 297px.

    Rough & ready demo: http://acorn.xara.hosting/sailtime/

    Acorn
    Interesting approach Acorn......

  8. #8
    Join Date
    Apr 2020
    Location
    North Yorkchire
    Posts
    21

    Default Re: Carousel Slider any recommendations?

    All working as intended on the site live now:
    https://www.thornton-steward-sailing...k/sailtime.htm

    Thanks for your help

    Just one question, when viewed on a tablet there are no iframe scroll bars on an Apple device....Is this due to iframes not being handled correctly by IOS? or is there a setting somewhere ive missed?

  9. #9
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    12,172

    Default Re: Carousel Slider any recommendations?

    Quote Originally Posted by stuk34 View Post
    All working as intended on the site live now:
    https://www.thornton-steward-sailing...k/sailtime.htm
    Thanks for your help
    Just one question, when viewed on a tablet there are no iframe scroll bars on an Apple device....Is this due to iframes not being handled correctly by IOS? or is there a setting somewhere ive missed?
    You're welcome.

    The missing setting could just be scrolling = "auto" or scrolling = "yes".
    BUT
    HTML5 has deprecated 'scrolling' so you may need to replace it with style="overflow: visible;"

    Acorn

    P.S. You have an errant craft to the right of your page - an extra Oct 19 edition.
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  10. #10
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    20,040

    Default Re: Carousel Slider any recommendations?

    Here's a very slightly different approach. No particular reason.

    DEMO
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Quadro 2000 Graphics Card + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 17 + Xara 3D Maker 7

 

 

Tags for this Thread

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
  •