حل شدہ اسائنمنٹس ڈانلوڈ کرنے کے لئے پہلے رجسڑ کریں پوسٹ کا جواب بھی دیا کریں جس اسائمنٹ کا حل نہ ملے اس کی سوالات کی فائل اپلوڈ کی کریں تاکہ اُس کا حل پوسٹ کیا جا سکے

Download Best Sliders For Your Website Freeoperative designed

Here you can download random general items like codes programs wall papers themes css stuff and many more things.
Post Reply
User avatar
Ammara
☬☬☬☬☬☬☬☬☬☬☬☬☬☬
☬☬☬☬☬☬☬☬☬☬☬☬☬☬
Posts: 14
Joined: Fri Aug 24, 2018 4:00 pm
Status: Offline

Medals

Download Best Sliders For Your Website Freeoperative designed

Post by Ammara »

 
This demo contains two thumbnail sliders: one is horizontal and another is vertical.
 If you use this demo's source code, and you only need one slider, you should remove the other slider from the source code.
 For example, when you only need the horizontal slider, you should:
  1. HTML:Remove the markup of the unused slider:Before update:

    Code: Select all

    <div style="float:left;padding-top:98px;">
        <div id="thumbnail-slider">...</div>
    </div>
    <div style="float:left;padding-left:100px;">
        <div id="thumbs2">...</div>
    </div>
    <div style="clear:both;"></div>
    
    After update:

    Code: Select all

    <div id="thumbnail-slider">...</div>
    
  2. CSS:Remove the stylesheet: 

    Code: Select all

    <link href="1/thumbs2.css" rel="stylesheet" />
    
  3. JavaScript:Remove the following settings in the thumbnail-slider.js
Image

This demo shows how the Ninja Slider and the jQuery Thumbnail Slider can work together to show the details of the thumbs. The large image slider (Ninja Slider) will respond to the auto-advancing of the thumbnail carousel, and clicking the arrow nav buttons of the large image slider will also update the thumbnail carousel. They are operative in sync with each other.

This thumbnail slider is designed  to be responsive:
  • The entire image gallery will always fit the browser screen when the browser screen is smaller
  • Each thumbnail will scale to a smaller size when decreasing the browser window
  • The gallery can have a max-width (900px in this demo)
Image
Please note: You need a Ninja Slider license instead of the jQuery slider license when using this template. Apply the acquired license to both the Ninja Slider and the jQuery Slider.
Image

Download Slider From Attachment.


 
Attachments
Slider-For-Your-Website.zip
(492.53 KiB) Downloaded 11 times
Slider-For-Your-Website.zip
(492.53 KiB) Downloaded 11 times

Post Reply

Last 10 Members Who Visited This Topic

User avatar Ali Raza Tawary (3), User avatar Ammara (1)

Who is online

Users browsing this forum: No registered users and 1 guest