http://www.innovation.web.id/One/testimonial.php Hello, I am trying to utilize bootstrap in this slider but it does not work yet. I wonder why? I expect the screen to adapt to the webbrowser screensize. I already add this code: <div class="row"><div class="col-sm-12"> <li><div style="font-family: arial; margin: 40px 0 0 90px;"><img src="Images/testimonial/person1.jpg" width="120px"/><div style="width: 500px; margin: -100px 0 0 190px;"> "Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."</div></div></li></div></div> testimonial.php <!DOCTYPE html> <html> …

Member Avatar
Member Avatar
+0 forum 3

Hello, I would like to erase the numbers list 1-4 in this sliders (Any clue how to ?) : http://www.innovation.web.id/slider2/ slider2/index.html <html> <head> <!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="jquery.bxslider.css" rel="stylesheet" /> <script> $(document).ready(function(){ $('.bxslider').bxSlider(); }); </script> </head> <body> <ul class="bxslider"> <div style="background-color: #96928a; height: 400px;"> <li><center><div style="font-family: arial;"><h2>WHAT THEY SAY ABOUT ME</h2><img src="images/profile.jpg" width="220px"/></center><center><div style="width: 500px;">When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village …

Member Avatar
Member Avatar
+0 forum 10

Hello, Besides testimonial I also would like to create a slider for my clients: http://www.innovation.web.id/One/portfolio-filter.php I do not know if it is the same concept or I must use different slider? See that greybar on the buttom with a list of my clients? I would like to create a horizontal slides for it. How? Thanks in advance.

Member Avatar
Member Avatar
+0 forum 2

Hello, I would like to create a slider for testimonial. See that there is that white arrow on the left and right side of testimonial (< >). I would like to make it work but how? http://www.innovation.web.id/One/about.php Thanks in advance.

Member Avatar
Member Avatar
+0 forum 4

I have a thumbnail slider in my site. I want to reduce time of movement when I hover on arrow. How to do it? Can you make it half of the speed now. link for the file -- [click here](http://expirebox.com/download/c6a4fcd6a5c406ab3d90e47e7bd0ce61.html)

Member Avatar
Member Avatar
+0 forum 1

Hi there, Just wanted to know from Daniweb expert! Which is more useful and suitable on home page? Rotating slider or static banner.

Member Avatar
Member Avatar
+0 forum 13

How I can make fastest a slider with small linked images like a film tape and they should slide left and right !!!!!!! Pls help fast !!!

Member Avatar
Member Avatar
-2 forum 9

Hey guys. have a nice day.... can anyone tell me how to achieve something like this slider in background ? I used a full screen slider but can't write content in middle of it like this site http://psnprofiles.com/

Member Avatar
Member Avatar
+0 forum 2

first off this is a question where jQuery is used heavly, there are no catagories to put that under on <DaniWeb> so i've put this post under what i believe is the most appropriate one. Ok! now thats done and over with, im requiring some assistance on how to write some jquery to preform a vertical slide. I've got a photo to accomany this post so you can follow along on. [Here's that photo.](https://www.dropbox.com/s/tqg6kw6299lg53z/Vertical-Scrolling.jpg) what i am hoping ya'll can assist me with is how to get it to slide the div i click on, to the container(the faded banner …

Member Avatar
Member Avatar
+0 forum 4

Hi, I am trying to create a jquery slider with navigation button and arrows, but my slider is not stopping at the last image nor stopping at the first image. See my fiddle for an example: [http://jsfiddle.net/c2mKp/](http://jsfiddle.net/c2mKp/) Any help is welcomed. HTML: <!-- Jquery Slider --> <div class="jquery-slider"> <div class="wrap"> <div id="slider-1" class="slider"> <img class="slider-image" src="http://www.camprefugeinc.org/test/slider/slider-image-1.jpg"/> </div> <div id="slider-2" class="slider"> <img class="slider-image" src="http://www.camprefugeinc.org/test/slider/slider-image-2.jpg"/> </div> <div id="slider-3" class="slider"> <img class="slider-image" src="http://www.camprefugeinc.org/test/slider/slider-image-3.jpg"/> </div> <div id="slider-4" class="slider"> <img class="slider-image" src="http://www.camprefugeinc.org/test/slider/slider-image-4.jpg"/> </div> </div> </div> <!-- Jquery Slider Buttons/CTA/Copy Overlay --> <div class="slider-overlays"> <div class="jquery-slider-btns"> <img src="http://www.camprefugeinc.org/test/btn/prev-btn.png" class="button-prev prev btns"> <img src="http://www.camprefugeinc.org/test/btn/next-hover-btn.png" class="button-next cursor next …

Member Avatar
Member Avatar
+0 forum 1

Hi there, i'm looking for the easiest image slider banner for my homepage, any suggest? Thanks!!

Member Avatar
Member Avatar
+0 forum 8

i am trying to develop my theme and problem about add slider in header so plz tell me how to add image slider in theme

Member Avatar
Member Avatar
+0 forum 1

hello can i have featured content slider dynamilcally??? if yes thn how???

Member Avatar
Member Avatar
+0 forum 18

Hello everyone, I am looking for a banner/slider for both images and text. I want to be able to display 3 articles that are attached to the blog I am making and have them rotate, Here is an image of where the content will go. ![47dd24c076f663f88f6d78c35f640cc9](/attachments/small/3/47dd24c076f663f88f6d78c35f640cc9.PNG "align-left") I would like a slider like this one: [Click here](http://html5beta.com/jquery-2/jquery-response-slider/) but with the query string and while string to show in the right places. Any ideas would be helpful, I already have a php code for this: <div> <?php $sql = 'SELECT * FROM `blog` ORDER BY `id` DESC LIMIT 0,3'; $result = …

Member Avatar
Member Avatar
+0 forum 2

I have a flex slider and I want to place a div over the top so I can put a nav bar on there. It's not co-operating with me. Any help will be apreccatied. Thanks in advance. HTML <body><div class="container"> <div id="logo-nav" class="sixteen colums"> <img src="img/logo-white.png" class="logo"> </div> <div class="flexslider" id="flexslider"> <ul class="slides"> <li><img src="img/slider.jpg" /></li> <li><img src="img/slider.jpg" /></li> <li><img src="img/slider.jpg" /></li> </ul> </div> </div></body> CSS .logo{ float: left; position: relative; padding-left: 50px; } #logo-nav{ float: left; height: 50px; padding: 50px; position: relative; } #flexslider ul li{ float: left }

Member Avatar
Member Avatar
+0 forum 4

Can some one help? I am looking for a **content slider that can hold images and text and has dot navigation**. I have searched for so many on the net but nothing that is simple. I would like it to look like this http://www.bbk.ac.uk/ but the content slides across **not** fades. Guys honestly I have looked and looked. Please can someone help? Thanks

Member Avatar
Member Avatar
+0 forum 1

Hello DaniWebers! I'm absolutely shocking when it comes to JavaScript/JQuery and have run into an occurance when I would like to use it. Now before you slap me on the wrist I **DO** intend to learn JS in 2014 (Scouts honour!). I am using this slider: [JQuery - Snap To Increments](http://jqueryui.com/slider/#steps) # HTML # <div id="slider-snap-inc" class="slider bg-green"></div> <div class="slider-value"> Days: <span id="slider-snap-inc-days"></span> | Cost: <span id="slider-snap-inc-amount"></span> | Savings: <span id="slider-snap-inc-savings"></span> </div> # JS: # // snap inc $("#slider-snap-inc").slider({ value: 50, min: 50, max: 1300, step: 50, slide: function (event, ui) { $("#slider-snap-inc-amount").text("$" + ui.value); } }); The above works …

Member Avatar
Member Avatar
+0 forum 2

Hello Im looking for a jQuery Easy Slider type of plugin but instead of images, allows me to present HTML/JS/etc content to the user for when he, for example, click on the next button (something that Easy Slider provides) Anything like this out there?

Member Avatar
Member Avatar
+0 forum 8

hi, i am a web and app developer. i need some help in a javascript code which belongs to a wordpress plugin - wp-imageflow2. wp-imageflow2 is a image slider with lightbox features. The slider moves from left to right and then back to the 1st image (basically image1 to last image then back to image1). My aim is to make the slider move first from image1 to lastImage Then lastImage to firstImage. so far i have tried it to go at reverse direction i.e. right to left (lastImage to firstImage). However when the slider is to move in reverse direction, …

Member Avatar
Member Avatar
+0 forum 1

I have a website that has 2 jquery sliders. This webisite works perfectly fine with both of them. I then created another site with the same exact code for 2 jquery sliders and this site will only run one slider and I can't find the problem! This is the html for the website that works <!DOCTYPE HTML> <html><head> <meta charset="utf-8"> <title>Blake Photography</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="maincss.css" /> <style type="text/css"> /* New in version 1.7+ */ #slider1 { width: 400px; height: 300px; list-style: none; } #slider2 { width: 170px; height: …

Member Avatar
Member Avatar
+0 forum 4

i create 2 sliders within one page with code : <script type="text/javascript" src="js/jquery.easing.js"></script> <script type="text/javascript"> var $jq132 = $.noConflict(); </script> <script type="text/javascript" src="js/script.js"></script> <script type="text/javascript"> var $ = jQuery.noConflict(); $(document).ready( function($){ // buttons for next and previous item var buttons = { previous:$('#jslidernews1 .button-next') , next:$('#jslidernews1 .button-previous') }; $('#jslidernews1').lofJSidernews( { interval : 5000, direction : 'opacitys', easing : 'easeInOutKesatu', duration : 1200, auto : true, maxItemDisplay : 7, start_item : 2, navPosition : 'horizontal', // horizontal navigatorHeight : 58, navigatorWidth : 57, mainWidth : 470, buttons : buttons } ); // buttons for next and previous item var buttons = …

Member Avatar
Member Avatar
+0 forum 4

My slider works well enough in all browsers except for IE, where the overflow isn't hidden at all. I've tried adding position absolute to some parts and I've tried adding position relative to others, but nothing has worked. Any answer to this would be great. Thanks. <script type="text/javascript" src="http://dl.dropbox.com/u/5739741/OMAR/code/jquery.js"></script> <script type="text/javascript" src="http://dl.dropbox.com/u/5739741/OMAR/code/easySlider1.7.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true, numeric: true }); }); </script> <style type="text/css"/> h1{ font-size:180%; font-weight:normal; margin:0; padding:0 20px; } h2{ font-size:160%; font-weight:normal; } h3{ font-size:140%; font-weight:normal; } img{border:none;} pre{ display:block; font:12px "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; width:674px; } /* …

Member Avatar
Member Avatar
+0 forum 1

I have a slider that load all of my content at once. Into a div. Like so: external page.php $get_users = mysql_query("SELECT * FROM user WHERE id!='$user_id'"); while ($rows = mysql_fetch_assoc($get_users)) { $id = $rows['id']; $firstname = $rows['firstname']; $display_info .= ' <div class="f_outer" id="' . $id . '"> <div class="f_name likeu">' . $firstname . '</div> </div>'; } echo $display_info; I call this page from my find.php page using bxslider Here is my find.php page below. <script type="text/javascript"> $(function() { var slider = $("#slider1").bxSlider(); $("#slider-like").live('click', function() { slider.goToNextSlide(); return false; }); }); </script> <div id="slider-like>Yes</div> <div id="slider1"> <?PHP include ("external.php"); ?> …

Member Avatar
Member Avatar
+0 forum 1

Two years ago Airshow helped me with a Vertical Slider Zoom feature for a project of mine. Now I have a need to do the same but with a Horizontal Slider to zoom a photo. I need the slider in this example, [http://bbhs69.com/senior_class_photo_copy(1).htm](http://bbhs69.com/senior_class_photo_copy(1).htm), to be horizontal and at the very top of the page. I am using the example from http://developer.yahoo.com/yui/examples/slider/slider-ticks.html. I have tried to use the code section Airshow came up with into this new project but I have not been able to get the photo to zoom. Can anyone help me? In the code below the two sections …

Member Avatar
Member Avatar
+0 forum 3

I'm trying to use limesurvey but cannot get the slider as i would like it. Here is a link to the surveyquestion: http://adam.synology.me/limesurvey/index.php/survey/index/sid/164171/newtest/Y/lang/sv I want the images to change according to the value of the sliders. With a regular html form i had this to take care of it: <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $("#slider").change(function() { sVal = $(this).val(); if(sVal <= 49) { $('#theImage').attr('src','http://xxx.com/img/img1.png'); } if(sVal > 49 && sVal <= 100) { $('#theImage').attr('src','http://xxx.com/img/img2.png'); } }); });//]]> </script> <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $("#slider").change(function() { sVal = $(this).val(); if(sVal <= 49) { $('#theImage2').attr('src','http://xxx.com/img/img2.png'); } if(sVal >= 50 && sVal <= 100) { $('#theImage2').attr('src','http://xxx.com/img/img3.png'); } …

Member Avatar
Member Avatar
+0 forum 2

Hi, I need to display testimonials in a sliding way (one after another) in my website(drupal 6)....can anybody help me with this requirement???? Thank you

Member Avatar
Member Avatar
+0 forum 2

We are currently running a modified version of jShowOff, a jQuery slider. It has never been modified since it was created back in 2009 and lacks a few features we need. I have been searching the latest crop of sliders and haven't found one with the features we need. It must show a transparent panel over the left 20% of the slide image that contains up to four text headlines. The slider will transition between four images related to each headline. When you click on a headline, the slider jumps to that image and highlights the headline text. Clicking on …

Member Avatar
Member Avatar
+0 forum 2

i tried everything to get the slider working @ http://din3shie.x10.mx/IndEnt/ index.html file : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Name : Rifle Description: A two-column, fixed-width design with simple color scheme. Version : 1.0 Released : 20120520 --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Indian Enterprises</title> <link href="http://fonts.googleapis.com/css?family=Abel|Arvo" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.slidertron-1.1.js"></script> <script type="text/javascript"> $(function() { $('#menu > ul').dropotron({ mode: …

Member Avatar
Member Avatar
+0 forum 9

I using listview on an asp.net form.. It has item template and edit template... I want to add ajax slider in both the templates.. I just used on script manager as suggested my many people,, but for reason i can only see one single slider in the top row.. and that even doesn't slide when i drag it.. but the same slider works fine outside of the listview... here's my code if u wanna have a look and help me.. <asp:ListView runat=server ID=listview1 DataSourceID="DS1"> <LayoutTemplate> <table cellspacing=0 cellpadding=5px border=1px> <tr> <td> DiemenionID </td> <td> DimensionName </td> <td> Range </td> <td> …

Member Avatar
Member Avatar
+0 forum 3

I am trying to echo information into a slider , but, it keeps repeating the entire slider instead of jus inserting the fields aloone. i know it is the closing tag but i dont know how else to do it..any ideas? i just want to post like address 1 address 2 addreess 3 in decending order form the search. <?php while($row=mysql_fetch_array($result)){ $file=$row ['photourl']; ?> <div class="body2"> <div class="main"> <section id="content"> <div class="wrapper"> <article class="col1"> <div id="slider"> <img src="images/img1.jpg" alt="" title="<strong><?php echo $row['address'] ?></strong><span> <?php echo $row['bathroom'] . " bathrooms," . $row['bedroom'] . " bedrooms"?> Price: <?php echo $row['price'] ?> &nbsp; …

Member Avatar
Member Avatar
+0 forum 2

The End.