Note that there are some explanatory texts on larger screens.

plurals
  1. POInstalling BxSlider
    primarykey
    data
    text
    <p>I am a complete beginner to website design and I am trying to create a more modern website for my company. The current one is less than glamorous (Greenlite.co.uk).</p> <p>After spending a lot of time trying to make a Flash banner for the homepage it occurred to me that Flash is probably quite outdated and not view able from all platforms. This is when I came across the BxSlider, and it really looks great! If only I could get it to work on my site.</p> <p>I am using CoffeeCup Visual Site Designer, I then used the 'Add HTML' tool. Into the 'Insert HTML' window I have placed as follows;</p> <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="js/jquery.bxslider.min.js"&gt;&lt;/script&gt; &lt;link href="js/jquery.bxslider.css" rel="stylesheet" /&gt; &lt;ul class="bxslider"&gt; &lt;li&gt;&lt;img src="images/timeline1.jpg" title="An Energy Conservation Company"&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="images/image1.jpg" title="Designers and Manufactors of Quality Lighting Controls"&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="images/back12.jpg" title="Caption to go here"&gt;&lt;/li&gt; &lt;/ul&gt; &lt;script type="text/javascript"&gt;$(document).ready(function(){ $('.bxslider').bxSlider(); }); mode: fade, captions: true, auto: true, autoControls: false }); }); &lt;/script&gt; </code></pre> <p>I have followed, as well as I could, the instructions shown on bxslider.com. I downloaded the package from bxslider, adding the files to coffeecup and linking the location in the script. I also added my images to CoffeeCup and wrote in their location. </p> <p>When I preview my website I am rewarded with my three images all shown at once, each underneath the other, with a mouse over caption. Alongside the images are a bullet point.</p> <p>What I am trying to achieve is a Bxslider with auto start, displaying stop/start controls and with captions.</p> <p>I have attempted many variations, the script I have shown being my original attempt. </p> <p>The closest I have got to a working Bxslider is by copying code I found from a website for the old version bxslider. This gave me an image slideshow with headers. If I tried to edit the code to my specifications then it would take me back to square one. </p> <p>I am entirely aware that I am likely to be making a very obvious mistake. However, to the untrained eye it's giving me nothing but headaches. Any help would be largely appreciated. </p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload