Scribd
Upload
220 views

Views Fraction Slider

Views Fraction Slider is a jQuery plugin that adds a customizable multi-layer parallax slider element to websites. It allows for creating sliders with views fields. The plugin provides a multi-layer slider with parallel support and works similarly to layer slides. Installation involves adding the Views Fraction Slider and jQuery Multi modules, enabling them, and copying required JavaScript files to libraries folders. Advanced customization is possible by manually building the slider structure in blocks or pages.

Uploaded by

SetyawanWawan78
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
220 views

Views Fraction Slider

Views Fraction Slider is a jQuery plugin that adds a customizable multi-layer parallax slider element to websites. It allows for creating sliders with views fields. The plugin provides a multi-layer slider with parallel support and works similarly to layer slides. Installation involves adding the Views Fraction Slider and jQuery Multi modules, enabling them, and copying required JavaScript files to libraries folders. Advanced customization is possible by manually building the slider structure in blocks or pages.

Uploaded by

SetyawanWawan78
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Views Fraction Slider

Fraction Slider is a jQuery plugin which adds a fully customization element slider to your website. Fraction
Slider is HTM! multi"layer and paralla# slideshow. $or%s &ne with 'iews &elds.
Features
Multi"ayer slider
(aralla# Support
Similar to ayerslide
Installation
)nstall Views Fraction Slider
*+,
. +.
)nstall jQuery Multi
*-,
module. dont enable it yet. -.
.o to //sites/all/libraries/ create two folders here named0 /j1uery/ and /fractionslider/.
So the libraries path will be0
/sites/all/libraries/jquery
/sites/all/libraries/fractionslider
2.
.o to directory0 /sites/all/modules/views_fractionslider/fractionslider/js0
copy /j1uery.fractionslider.js/ and paste it under /sites/all/libraries/fractionslider.
3.
again0 .o to directory0 4sites4all4modules4'iews5fractionslider4fractionslider4js0
copy /j1uery"+.6.7.min.js/ and place it under 4sites4all4libraries4j1uery.
!.
8ow .o to 4admin4build4modules0 enable both modules0
/Views FractionSlider/ and /jQuery Multi/.
9.
.o to 4admin4con&g4system4j1multi0 'erify j1uery 'ersion installed saying
/:sing jQuery 'ersion +.6.7/ and enable chec%bo# /fractionslider/ under ;ibraries;.
<.
Views FractionSlider is ready to use. =.
For Advanced/Custom Solution
if you are a de'eloper0 you can customize slider in any bloc%4page or anywhere.
ma%e structure in gi'en way0
<div class="fractionslider-wrapper">
<div class="fractionslider">
<div class="slide"><!-- all elements for the first slide --></div>
<div class="slide"><!-- all elements for the second slide --></div>
<!-- and so on -->
</div>
</div>
add following code to js &le.
function !" #
!window"$loadfunction"#
!%$fractionslider%"$fraction&lider#
https://drupal.org/node/1928730 1 of 2
http>44drupal.org4project4'iews5fractionslider +.
http>44drupal.org4project4j1multi -.
http>44monymirza.com4 2.
http>44concepts.ps4 3.
//'lu(in options reference
%controls%) false*
%pa(er%) true
+",
+",
+"jq-./",
Sites using this slider
$ebsite +
*2,
$ebsite -
*3,
https://drupal.org/node/1928730 2 of 2

You might also like