JQuery :: Coda Slider - Seems Not To Work
Nov 8, 2011I got a website that uses Coda Slider, but since a while ago it seems not to work ... I d'ont know why...
Code:
The web address: [url]
I got a website that uses Coda Slider, but since a while ago it seems not to work ... I d'ont know why...
Code:
The web address: [url]
I`m using a Coda Slider 2.0, but the only effects available at the moment are the one inside the jquery.easing.1.3.js file. Does anyone know about how to insert other effects, like the traditional fade?
View 1 Replies View RelatedI am using the Coda-slider.js and am wanting to get a specific panel to load instead of the default first one.So if I have 5 panels (0-4) 0 loads automatically, I'd like to have 2 (middle panel) to load first so that I'd have 2 panels to the left and 2 to the right.[code]
View 1 Replies View RelatedOn my site here [url], I am using the coda slider effect I found here [url]. And on the tab entitled "Home Groups", there is a link "Home Group 1", which links to a fancy zoom box that I got from here [url].
But when I click on the fancy zoom text it scrolls the container a little to the right, and on some older browsers it returns to the original first container that loaded from the start.
Any idea where the effects are conflicting? or what code I would have to amend to make it work more fluidly?
I am working on a Coda Slider Effect [URL].. but i'm having one issue with trying to implement a breadcrumb outside of the slider div.
Is there a way to use window.location.hash to display a different breadcrumb location. eg Home > About Us or Home > Services. I understand PHP statement but just can't transfer the logic to Javascript, here is an example of what I'm trying to do but I understand echo doesn't work in Javascript
var page = location.hash;
switch(page)
{
case "#home":
echo '<li>Home</li>';
break;
case "#about":
[Code]...
I installed the slider from the WPCoda theme into another theme I customized at airadis - com (Site Point won't let me insert an actual link). It works great except that in IE there is a white box down at the bottom left that I cannot find a way to get rid of.
What I know:It's a result of the script for the slider- if I take the script out the box goes away. If I take the content out of the container it remains, but if I take out the container (#page .scrollContainer .panel) from the HTML, it goes away. I've tried adjusting sizes every which way. The box size remains exactly the same. I did not touch the script, only the CSS.
In exchange for a solution, I would be glad to give someone some space at my PR6 site, randaclay - com - a text link for a month, a post promoting your services, etc - we'll work it out.
First, here's the URL of the site I'm working on: http:[url].....Each week, I'd like to be able to have that page load a different tab/panel onload according to who the opponent is that week. For example: this week I want the second tab, Alabama, to load first. I'm using one of the many iterations of the coda slider script (see coda-slider.js (http:[url].....). However, I can't seem to get it to cooperate. I found a solution for a similar coda slider, but it won't match with the one I'm using (because the naming conventions for the "panels" are not the same I assume). Here's what that solution was:
$().ready(function() {
$('#coda-slider-6').codaSlider({
crossLinking: false,[code]...
It doesn't matter to me if the panel just loads from the get-go, or if it loads the first one and then automatically slides to the one I want.
I've gotten accustomed to using coda slider 2.0 to do some cool interactive sliding elements on my pages. However, i need something similar that will fade instead of slide. I've searched all over their home forums and it seems like no one there has an answer for how to implement the change in the current codaslider infrastructure.[URL].. I need something that has all the functionality of coda slider (easy transitions, div's containing lots of content- both images and text, forward/back buttons, autoplay) but with a fade transitions
View 1 Replies View RelatedI get the navigation disappeared with the nested slider. A workish on line example[URL].. try to click on design and than on the menu below. I don't know which way to turn The script is based on [URL]...
View 1 Replies View RelatedI am trying to use a program called WOW Slider, found at [URL] It's supposed to create a slider pretty easily.
I can get the slider to work great on my local machine, but when I uploaded it to my host server, it does not work.
Obviously I do not have things in the correct directories?
I have a test page of my output that's live, that you can see.
I'm asking a lot, but this slider was the icing on the cake for a site redesign that I've been working on for months. I'm sad that I have hit a glitch this close to launching. Grrr.
I've got 2 scripts from scriptiny.com which BOTH appear to have problems. When I use:
HTML Code:
<script type="text/javascript" src="style/js/dropdown.js"></script>
<script type="text/javascript" src="style/js/slider.js"></script>
My dropdown menu won't work and IE gives the error: Quote: 'TINY.dropdown.init' is empty or isn't an object - with code 0 If I turn those too:
[Code]...
I found this: [url] and was thinking about implementing it on one of the sites im developing right now. The only thing is, it's only usable once per page and I was kind of hoping i could use it more than once. Is there a way of changing this?
View 2 Replies View Related<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
The script works if the images are stored within the HTML but when I try to store them in the JS array, it fails. Is there any way to store the images in JS with this script?
I have a form with two slider on it so the user can select an amount. The slider works fine and passes the values to email ok etc. but when the page is loaded there is "[object Object]" in box of the second slider. I can't find the problem with the code as it is the same for the first slider.
Here is a link to the form: [url]
<script>
I got 2 sliders in a List:
<li data-role="fieldcontain">
<label for="slider_year"><big>Jahr auswählen</big></label>
<input type="range" name="slider_year" id="slider_year" value="2000" min="2000" max="2011" />
[Code]....
Both alerts wont get called...
I know this should be very easy, but i dont get it.
1.I found a Slider Toggle thats demonstrated here [URL] and it seems to work fine but only if the link is placed above the div that slides down.. im trying to make the div slide down from above my menu and i want 1 of the links on my menu to toggle the slider. how do i get it work to where I can place the link below the sliding div? 2. the script originally used .fader{opacity:0;display:none;} but I wanted the slider div to be visible if javascript was disabled so I added
jQuery(".fader").hide(); so its now
<script type="text/javascript">
$(document).ready(function() {
jQuery(".fader").hide();
$(".fadeNext").click(function(){
$(this).next().fadeSliderToggle()
[Code]...
my goal is to have tooltips with the script 'coda' from here But I have separated trigger et popup like that :
<div class="bubble_trigger">
<a href="javascript:void(favoris()); " class="trigger" title="Ajouter cette page dans vos favoris" ><img src="./banniere/icone/favorite.png" alt="Favoris" width="22" height="22" />
[code]....
i am using jquery slider.i need to display the values on mouseover of the slider handle
View 4 Replies View RelatedI have to change the slider color depending on its value, but I didn't manage to do it, I changed the attribute "background" of the class "ui-slider-range" this way : $("#slider.ui-slider-range").css("background","red"); Since I have three states (red, orange and green) I have to use three sliders, each one has one color, all hidden at the beginning then I show the appropriate slider when the value changes.
View 1 Replies View RelatedI've got the following problem: I have a Jquery slider and I want to disable the click on the slider. I only want to change the slider when I click and drag the pointer. Standard you can also click everywhere on the slider and the pointer will go to that point. That I don't want. .
Code HTML4Strict:
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
[Code]....
I have a php code that creates a select combo box depending on some values stored in a database and I am trying to make it look nicer I found the jquery slider I found this but it does not work in the environment I am working (joomla) well, it does but it disappears as soon as I move the slider. so if I had
Code HTML4Strict:
<select id="someId" >
<option>1</option>
<option>1</option>
<option>1</option>
</select>
is there an easy way to transform that into a slider?
When it comes to JavaScript, I am implementing a couple of Coda sliders onto a site, and as far as I am aware, you can have two sliders on one page, but for me this isn't working.
The effect is using jQuery, and the page can be found here: [url]
The first slider works well, but the second doesn't load properly.
I want to write a small script for my slider for my website. My HTML part looks like:
<img src="images/leftarrow.png" id="leftarrow" alt="leftarrow"/>
<div class="slider">
<div class="active">
[code]....
I am new to jquery and i will need a script for 2 jquery Slider, where the Max value of the second slider is the actual of the first slider. If the first slider will be changed the max should be changed too.
[Code]...
is there a way (using a specific plugin or doing some hacking) to change the page URL when I change the viewed panel within a slider? Right now I'm using tabSwitch (URL...) but I can change it if a plugin lets me do that.
View 2 Replies View RelatedI have use the following Jquery plugin selectToUISlider on my web site which has worked fine in IE8,FF, Chrome however when viwing the same site in IE9 the slider doesn't slide when using the mouse to drag the slider. I can still click on each value and the slider will move/jump to the required value. I've debugged the javascript in both FF and IE9 and I can see that in IE9 the slide event doesn't get fired, where in FF it does.
unfortunatly I don't have external web access on a machine with IE9 to try the slider demo pages out to ensure that the demos work in IE9.