15,920,031 members
Sign in
Sign in
Email
Password
Forgot your password?
Sign in with
home
articles
Browse Topics
>
Latest Articles
Top Articles
Posting/Update Guidelines
Article Help Forum
Submit an article or tip
Import GitHub Project
Import your Blog
quick answers
Q&A
Ask a Question
View Unanswered Questions
View All Questions
View C# questions
View C++ questions
View Javascript questions
View Visual Basic questions
View Python questions
discussions
forums
CodeProject.AI Server
All Message Boards...
Application Lifecycle
>
Running a Business
Sales / Marketing
Collaboration / Beta Testing
Work Issues
Design and Architecture
Artificial Intelligence
ASP.NET
JavaScript
Internet of Things
C / C++ / MFC
>
ATL / WTL / STL
Managed C++/CLI
C#
Free Tools
Objective-C and Swift
Database
Hardware & Devices
>
System Admin
Hosting and Servers
Java
Linux Programming
Python
.NET (Core and Framework)
Android
iOS
Mobile
WPF
Visual Basic
Web Development
Site Bugs / Suggestions
Spam and Abuse Watch
features
features
Competitions
News
The Insider Newsletter
The Daily Build Newsletter
Newsletter archive
Surveys
CodeProject Stuff
community
lounge
Who's Who
Most Valuable Professionals
The Lounge
The CodeProject Blog
Where I Am: Member Photos
The Insider News
The Weird & The Wonderful
help
?
What is 'CodeProject'?
General FAQ
Ask a Question
Bugs and Suggestions
Article Help Forum
About Us
Search within:
Articles
Quick Answers
Messages
Comments by Jackin Shah (Top 8 by date)
Jackin Shah
30-Aug-12 0:07am
View
Deleted
and its output is available on
http://www.deshvidesh.com/digital-slide/index.php
plzz post a solution.....
Jackin Shah
29-Aug-12 23:52pm
View
5. And add jquery.nivo.slider.pack.js
download it from http://trac.symfony-project.org/browser/plugins/sfNivoSliderPlugin/trunk/web/js/jquery.nivo.slider.pack.js?rev=33332 .
Jackin Shah
29-Aug-12 23:46pm
View
3. ADD jQuery library i.e.jquery.js
4. Add this one script
<script type="text/javascript" >
$(window).load(function() {
$('#slider').nivoSlider();
});
// JavaScript Document
</script>
Jackin Shah
29-Aug-12 23:44pm
View
1. Put below in body
<!--slider starts-->
<div id="slide_box">
<div id="container">
<div id="inner">
<div id="banner">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="css/slider/images/01.jpg" />
<img src="css/slider/images/02.jpg" />
<img src="css/slider/images/03.jpg" />
<img src="css/slider/images/04.jpg"/>
<img src="css/slider/images/05.jpg" />
<img src="css/slider/images/06.jpg"/>
<img src="css/slider/images/07.jpg"/>
<img src="css/slider/images/08.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>
<!--slider over-->
2. CSS
#slide_box
{
height:838px; width:650px; background:#fff;clear:left; float:left;
}
#slider-wrapper {
height: 838px;
}
#slider {
background: url(images/loading.gif) no-repeat scroll 50% 50% transparent;
height: 838px;
position: relative;
width: 650px;
}
#slider img {
display: none;
left: 0;
position: absolute;
top: 0;
}
#slider a {
border: 0 none;
display: block;
}
.nivoSlider {
position: relative;
}
.nivoSlider img {
left: 0;
position: absolute;
top: 0;
}
.nivoSlider a.nivo-imageLink {
border: 0 none;
display: none;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 6;
}
.nivo-slice {
display: block;
height: 100%;
position: absolute;
z-index: 5;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
.nivo-caption {
background: none repeat scroll 0 0 #000000;
bottom: 0;
color: #FFFFFF;
font-family: arial;
left: 0;
opacity: 0.8;
position: absolute;
text-transform: uppercase;
width: 100%;
z-index: 8;
}
.nivo-caption p {
margin: 0;
padding: 5px;
}
.nivo-caption a {
color: red;
display: inline !important;
text-decoration: none;
}
.nivo-caption a:hover {
color: blue;
text-decoration: underline;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
cursor: pointer;
display: block;
height: 30px;
position: absolute;
text-indent: -9999px;
top: 45%;
width: 30px;
z-index: 9;
}
a.nivo-prevNav {
left: 15px;
}
a.nivo-nextNav {
background-position: -30px 50%;
right: 15px;
}
.nivo-controlNav {
bottom: -30px;
left: 50%;
margin-left: -40px;
position: absolute;
}
.nivo-controlNav a {
cursor: pointer;
float: left;
height: 22px;
margin-top: 250px;
position: relative;
text-indent: -9999px;
width: 22px;
z-index: 9;
}
Jackin Shah
29-Aug-12 12:22pm
View
can you send me one link that contains demo of this problem i m unable to find plzz
Jackin Shah
29-Aug-12 11:01am
View
thats allright but i want to add this image in jQuery slider.
If I try to add it in slider it is not working
Jackin Shah
3-Jul-12 11:11am
View
i have done it now using cpanel by browing a database in it..
Jackin Shah
20-Jun-12 8:39am
View
can u explain briefly????
Show More