How to add a slider to Squarespace

Squarespace is an online website builder that enables you to create and maintain websites and blogs. This tutorial will guide you how to add a slider created with Amazing Slider to your Squarespace website.

There are three steps in this tutorial:

  • Step 1 – Create a slideshow
  • Step 2 – Upload slider files to Squarespace
  • Step 3 – Embed the slider to a Squarespace page

Continue reading

Delay jQuery Slider Execution

Question:

I wonder is there a way to delay the execution of the Amazing Slider? I would like to display the slider 5 seconds after the page is loaded.

Answer:

The application generates a file intslider-1.js inside the subfolder sliderengine. You can open the js file with your text editor, and wrap the call amazingslider with a setTimeout function.

The demo code is as following:

setTimeout(function() {
    jQuery(“#amazingslider-1”).amazingslider({
        sliderid:1,
        jsfolder:jsFolder,
        …..
        textformat: {
        }
    });
}, 5000);

Copy HTML code on Mac

Question:

Hi, where is the code I am to paste into my web site? The generated slider.html is blank. I am using a Mac.

Answer:

On Mac, if you directly open the slider.html with TextEdit, it will look blank.

It’s because TextEdit on Mac is not a plain text editor or HTML editor. If you want to use TextEdit, you can follow this tutorial to make it as an HTML editor: http://mac.tutsplus.com/tutorials/productivity/quick-tip-configure-textedit-for-coding-html/. Then you can use it to open the slider.html file and copy the HTML codes.

You can also download the freeware TextWrangler from Mac AppStore: https://itunes.apple.com/au/app/textwrangler/id404010395?mt=12. It’s a much better option.

Accented letters in image filenames of jQuery slider

Question:

Hi I have purchased the license for your product, one slider does not start on my website, however there are other sliders of the page that work. I am editing in dreamweaver.

Any idea what mistake I’m making?

Answer:

There are two sliders on your webpage. I can see the smaller one works fine, but the bigger one does not.

The reason is because there are accented letters in the image filenames of the bigger slider.

To fix the problem of the bigger slider:

Only use numbers 0-9, letters a-z, A-Z, underscores _ and dashes – in the image and video filenames. Do NOT use space, !, &, # and accented letters in the image filenames, especially the accented letters. They will cause problems in some web browsers.

Firefox and HTML5 Video

Question:

Good Morning,

I downloaded the free version of AmazinSliders to test it. An I have noticed the following. When I have a video playing on the slider it works fine in all other browsers except Firefox. I started with version 30.0 and it only shows a black box where the video should be. I then updated Firefox to version 31.0 with the same results.

I was wondering if you guys are aware of that behavior and if so do you have a fix for it.

Answer:

Firefox does not support mp4 as its HTML5 format.

If you only provide one mp4 format, the slider will use Flash to play mp4 on Firefox.

Please upload the slider files to your web server and test online. Flash video playing may not work when you directly open the file from local hard disk.

If you want to use HTML5 on Firefox, you need to provide an alternative WebM video. You can add the WebM video in the Add Slides dialog, “Add Video”. You can use http://firefogg.org/ to convert your mp4 to webm format.

Amazing Slider License issue

Question:

I am a freelance we site designer an I am looking to purchase an image slide creator in order to speed up my work time on many clients websites. Would the slider product suit my needs? Also If one of my clients wanted to take his website elsewhere following my completion of work on his website including producing an image slider with the Amazing Slider software. Can I pass their website to another designer with the image slider code in it or do they need to purchase an additional licence?

Answer:

Would the slider product suit my needs?

You can easily create image sliders with Amazing Slider. We offer free version which you can download at https://amazingslider.com/downloads/. You can try it before deciding to upgrade to the commercial version. The comparison between the free version and commercial version is at: https://amazingslider.com/order/.

Can I pass their website to another designer with the image slider code in it or do they need to purchase an additional licence?

Yes, you can pass the created slider code and files to other designers. But you can NOT pass the software itself.

Change the size of slider

Question:

I am about to purchase your excellent product.

My question, Can I make the size of the slider smaller? I have the size of the slides set at 160 x 120 and it looks too big.

I have many images that I want to put into the slider, do they have to be a specific size and resolution? In the program some of them appear not to fit the size or the quality looks very bad.

Looking forward to working with you.

Answer:

In the software, Step 1, Add Slides dialog, you can change the width/height there.

When you add images to the slider, if your original image is smaller than the size of the slider, it will be stretched, and may not look good.

So, it’s better your original images can be the same size or bigger than the slider.