I 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
On 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 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 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`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'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 want to create an own horizontal navigation and so the navigation is a nested list like
<ul id="mymenu">
<li>entry1
<ul class="abc">
[code]....
I 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 RelatedWhat I'm trying to do is create a static nav at the top of the page and when the user clicks a link, they are not brought to a new page but the page slides vertically upwards to the new page. I found this link which kind of helps but need helptrying to make sense of it all.
View 1 Replies View RelatedI have inserted the easy slider code into my web page to make a sliding gallery. I attempted to modify the code so that numeric navigation AND arrow navigation (next, previous) could toggle slides BUT I can't see the number navigation in IE6. Every other browser I have tested (mac Safari, Firefox, and Google Chrome as well as IE7,8) work perfectly. Since I modified the original, I assume the error is in my javascript code OR in my CSS.Here is the Javascript:
/*
* Easy Slider 1.7 - jQuery plugin
*written by Alen Grakalic
*http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding[code]....
I came across this awesome image slider: Thumbnails Navigation Gallery with jQuery. The problem is ..you have to click on "best shots" to see the thumbnail navigation...
1) How do you show this thumbnail navigation straight away on loading the page? (ie "best shots" and other list items dont need to be there)
2) and get the thumbnails show near the bottom of the page?
3) and also get the next image to fade in automatically say after 5 seconds, without having to click on a thumbnail, although one can?
I am having a problem with a site I am working on right [URL]..clicking on the "Kontaktieren Sie uns"-Link it triggers an unwanted scroll in the slider just underneath it. I am also getting a java script error when I view the site on ie/windows. I am clueless since I am not at all confident with java script.
View 1 Replies View RelatedI have a JQuery script that gives a neat effect on the navigation and want to include a simple fading slideshow on the same page.Any script I have tried for the slideshow either uses JQuery or Mootools and it conflicts with the navigation script.Can anyone recommend a smooth fading slideshow that wouldn't conflict or suggest how I can get around this. I read a bit about 'no conflict' but don't understand how to implement it.
View 3 Replies View RelatedI'm trying to implement a minimal navigation bar using jQuery's toggleClass() function but can't seem to get it working.
It's the .img_selector div at the bottom of the page:[url]
I want to toggle the 'active' class for each <a> when it's selected, to indicate which image is showing, so after calling jQuery, in the <head> I've got:
Then the links, which also include the showPic function:
I am not terribly familiar with Javascript but i am looking forward to learning, and currently the problem I am facing is this:I have an a file being included to an .shtml document, that serves as my navigation, the code is like this:
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Home</a>
<ul>
[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 RelatedI 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]...
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?
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]....
