Just like the core mechanism for a jQuery slider, the HTML slider
uses named anchor tags but doesn't require JavaScript or jQuery to get
the movement to specific content locations on the page.
This is because it is a native browser object from the Document Object Model (DOM) which intern is quick & click responsive. i.e. just like the App Slider on Iphone Store. Create titles using the following HTML Format > Headings H2, H3 or H4 to automatically create named anchor tags when the 'Table of Contents' is inserted. The TOC automatic named anchor is hidden by the Google Sites system but is visible in the page source in the browser. [Right click page and select "Inspect element" or F12] e.g. The rendered HTML will look like this : <h3> <a name="TOC-Slider-Title-1">
Slider Tile 1
</h3> Layout > Column from the menu. In TOC properties [Cog Icon] > clear the width to maximise. The Table of Content for this page , the named anchor automatically get added to the formatting headings:
You can modify the names and remove numbers even delete headings you don't require for you slider. Remove the formating by selecting the entire pasted TOC using Tx menu button OR CTRL + \ [Control and Backslash] to remove borders and other formatting. Contents 1 HTML Slider No jQuery 1.1 Slider Text Example: 1.1.1 Slider Title 1 1.1.2 Slider Title 2 1.1.3 Slider Title 3 1.2 Slider Image Gallery Example: 1.2.1 Slider Image 1 1.2.2 Slider Image 2 1.2.3 Slider Image 3 Tidy up Content for the slider.Slider Text Example: Slider Title 1 Slider Title 2 Slider Title 3 Slider Image Gallery Example: Slider Image 1 Slider Image 2 Slider Image 3 Finally place the links in a separate column or even sidebar to the
content you want to slide up and down. You can then place the Slider
content where ever you want on the content page, once they have a
Heading format [i.e. Format > Heading 3].
You should keep the main Title just to have a page reference to return to.Yo can also have it fixed above the slider content always visible like in the manual example below. |