Jquery :: Inserting Lavalamp Effect Into My Wordpress Theme
Oct 13, 2011
I tried inserting the lavalamp effect into my wordpress theme.However, I was unsuccessful.I was wondering if anyone could help me out a bit and tell me where I went wrong? It isn't working and i'm not sure what I need to do in order to make it work?I have tried putting .lavaLamp after my #nav tag. That didn't work so I put it after my #header tag (which is where the css changes, etc. were anyway).Then, I uploaded an external css file for the .lavaLamp class.Still no dice.I refuse to move on in my theme creation until I have this figured out.
View 1 Replies
ADVERTISEMENT
Jun 27, 2010
I'm using LavaLamp [url] for the main navigation on a site I'm building, for a subtle animated effect.
The site itself is a single-page portfolio site with 3 sections organized vertically, "Home," "About," and "Work."
The problem I'm having is that the clicked navigation does not return to its original position on each panel if I double back on it.
For example, if I'm on the Home panel, and I want to get to About, I'll want to select "About." The LavaLamp animation will ease over to the "About" link on hover, and I'll click it, then the page will scroll to the About panel, where "About" in the navigation is being shown as selected (LavaLamp has a "current" class you can apply to whatever you want to start off as being selected)...
And that's great, BUT, say I want to get back to the Home panel. I click "Home" in the nav, and I'm transported back to the Home panel - but when I was there before, I'd selected "About", and since it's all on the same page, the link is focused on "About," even though I'm on the Home panel. Make sense?
I'm not good enough at JS or jQuery to figure out how to fix this. I think what I want to happen is for every link on each panel to STAY where it was originally assigned ("Home" link will stay on Home, "About" link will stay on About, etc.), but animate on hover only.
Is there a way to write something into the LavaLamp JS to make it so the animation works only on hover, and not on active, focus, or visited?
Here's the code, can't provide a demo page, I don't have anywhere to upload it at the moment...
index.htm with an example of what each panel looks like:
jquery.lavalamp.js:
And last but not least, the LavaLamp CSS:
Forgot to add the page js:
EDITED ALSO TO ADD: Could it have something to do with this:
View 4 Replies
View Related
Aug 9, 2010
I have included image slider and lavalamp menu in one of my projects. The problem here is both works well in Firefox. But not working in IE. I have included easing for the jquery.
View 2 Replies
View Related
Oct 18, 2010
I am using the lava lamp plugin on my navigation page and I am having trouble fixing an issue I have got. I have it working perfectly, it sits right within he height of the nav and when I rollover it works. The only problem I have is when I rollover the lavalamp line does not align with the navigation text. I have attached a screen shot so you can see how it is working and if you wanted to have a look I have attached the code:
This is the CSS;
Copy code
ul, li {
margin: 0;
padding: 0;
} #line {
width:auto;
height:15px;
position: absolute;
z-index: 1;
top: 35px;
float:right; .....
This is the Jquery;
Copy code
(function($) {
$.fn.spasticNav = function(options) {
options = $.extend({
overlap : 20,
speed : 500,
reset : 2000,
color : 'none',
easing : 'easeOutExpo'
}, options); .....
View 6 Replies
View Related
May 26, 2010
I'm building a Wordpress theme. I'm having trouble placing two Jquery scripts on the page. I was able to get the first one bang on.
But now when Implementing the second it causing conflict and theme breaks.
The script for the second Image slider is here: [url]
If its possible can this be turned into a friendly Wordpress Script?
My theme so you can see the other script would be here: [url]
View 9 Replies
View Related
May 29, 2009
at least going to be a double post from in the jQuery Plugin list. I'm being moderated yet on that list, and it doesn't seem to get much activity.I'm going to post this here since the Tablesorter developer hasn't gotten back to me yet.I took a copy of the latest version in SVN and modified it to have jQuery UI Theme support. It seems to work very well and anyone is welcome to use it.[code]I was hoping this would be included into tablesorter so I just threw up the modified version on my work site for now.
View 3 Replies
View Related
Jun 18, 2011
I have a problem with jquery not working in JSP. I have downloaded a theme in jquery but it does not seem to work. And I do not know what is the problem why it does not seem to work. I am very new to jquery and JEE. I am actually rushing this project as the deadline is very near.
this is my jsp code: (the markup is from the demo of the theme I downloaded in jquery theme roller since I meant to see how it would look first before implementing) code...
View 3 Replies
View Related
Jul 20, 2011
I need change the following jQuery script to target all images for a WP theme. I found two codes that may do it, but I don't know where to place them.
(sample)
Code JavaScript:
$("img[src='left1.gif']").hide();
or
event.target. As it stands now, the script doesn't load images, the browser takes over and loads the image.
(I've included the original comments in the script for safe keeping)
Code JavaScript:
jQuery(function(){
// Tabs
jQuery("#fbfwTabs").tabs();
[Code].....)
View 7 Replies
View Related
Jul 7, 2010
I'm using Keith Wood's datepicker jQuery plugin v.4.0.2 (not the jQuery UI datepicker) with jQuery 1.4.2, and I want to use the jQuery UI Cupertino theme v.1.8.2.
I reproduced the example on this page [URL]... under the Layout/Style tab. The inline example worked, but the popup example failed.
I tried many permutations and combinations of loading .js and .css files, none of which worked. Would someone please point out the error of my ways? Code snippet and screenshots below.
[Code]...
View 4 Replies
View Related
Oct 26, 2011
I have my own items on a page, some based on css styles, which I would like to be compatible with the selected theme. What I would like to know is how to obtain the theme's base background color, text color, and their respective hover colors. I am aware that I could use things like ui-state-default ui-state-hover in the class but other non-color attributes like font bolding ect affect my elements. As a simple example I have a css <ul> <li> based menu which may show the default color but I am unable to deploy the hover color. I would have thought the simplest and most direct way would have been color only classes.
View 4 Replies
View Related
May 9, 2009
I want to use UI theme colors on other elements of my pages and for them to switch automatically when UI theme is changed. I was going through css files generated by theme-rollerand didn't find any classes just for defining colors or borders used in a theme.For starters I wanted my form fields to have borders similar to UI theme. I used "ui-widget-content" and it worked fairly well, but I was wondering if there is a better way to do this.
View 1 Replies
View Related
Jun 8, 2010
I've been trying to generate a custom theme using the ThemRoller and when I click "Download theme" I get error message "Absolute File does not exist: /srv/jqueryui.com/ ..
Tried with both custom and the Theme Gallery themes but getting same problem..
Is there a known issue or am I the only one having problems?
View 1 Replies
View Related
Apr 25, 2011
I have tried downloading fromhttp:[URL]..Theme (wanted UI darkness) but the download when attempting to extract with winrar or 7-zip just comes up with errors. So I tried all the available themes and all display the same error: "The Compressed (zipped) Folder is invalid." using Windows Vista - Extract. "The archive is either in unknown format or damaged - Winrar." "Can not open file - 7-zip
how or where else I can maybe download the 'UI darkness' theme form as my new osCommerce 2.3.1 only as the theme 'redmond' pre-installed ?
View 1 Replies
View Related
Oct 30, 2009
I am trying to integrate with my page it worked but ever since I used this form validation the lavalamp went away: [URL] This is the link to the lavalamp: [URL] So the lavalamp should work like this: [URL] But instead it doesn't like this: [URL] and I am not sure why, also the form validation doesn't work very well at all.
View 2 Replies
View Related
Sep 24, 2010
I have the following code:
$.blockUI({
css: { width: blockwindow_width + "px",
height: blockwindow_height + "px",
top: ($(window).height() - blockwindow_height) /2 + 'px',
[Code].....
View 3 Replies
View Related
Jan 28, 2010
I have set up a reverse proxy for a wordpress blog that is using the theme mystique. When I use IE to connect directly to the blog the theme works fine and loads ie7.css When I connect through the reverse proxy to the blog the theme does not load the ie7.css
From what I can work out it looks like the person who wrote it is using jquery to determine the browser type. Any ideas why jquery would fail when passed through a reverse proxy?
View 2 Replies
View Related
Jun 8, 2011
I am seeking to change the color attribute in my CSS file under the ID's #realmaturesingles and #seniorpeoplemeet upon the hovering of these links. These two ID's are initialized inside an <a> tag (these are links). How can I do this with JavaScript? This is what I tried:
Code:
<script type="text/javascript">
$('#seniorpeoplemeet').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
[Code]...
View 1 Replies
View Related
Apr 22, 2009
Im having a bit of trouble with the bounce show effect from jquery ui. To see what I mean, check out my development site. Anytime you modify a part in this computer builder, the rigth side gets updated. Right now its removing and adding list items. Problem is when click items too fast, the animation doesnt finish and the next item gets bumped lower and lower.
[Code]...
View 1 Replies
View Related
Jan 21, 2010
I'm trying to create my first theme and I'm new to both PHP and jQuery. I have been trying to get Superfish working on Wordpress for too long now.I have placed a directory called "js" in my theme's folder. jQuery 1.4 is in there with the Superfish, HoverIntent, and CSS files. This is the code...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">[code]....
The only thing that shows up is a list of the Pages without any CSS or fancy menu happening.
View 2 Replies
View Related
Mar 5, 2011
I'm trying to get isotope up and running on my Wordpress site.
Isotope works fine on its own: [URL]
But for some reason, which I can't quite fathom, it doesn't work in Wordpress: [URL]
View 4 Replies
View Related
Nov 10, 2011
I'm doing the design update work for a previous site, and it's done except for one thing. I want a slideshow to be on the homepage, specifically the plugin Slider Pro. I have put in the shortcode and yet the plugin does not display. Also the navigational buttons do not animate with Jquery. Strangely if I test a Jquery code in the header displaying an alert it works. I have tried disabling all plugins except for the slider one to no avail. [URL]
View 10 Replies
View Related
Nov 5, 2011
I've bene working on this for a while and the Wordpress people think it's a jQuery issue.So... here goes:I have the following function in a file called sec_menu.js:
var speedIn = 300;
var speedOut = 300;
jQuery(document).ready(function() {
[code]....
View 2 Replies
View Related
Dec 2, 2010
Has anyone used the Superfish navbar menu sucessfully with WordPress 3.0 menu manager?I have got the regular Superfish menus to work with the new WordPress Menu system, but not the navbar menu.
View 1 Replies
View Related
Jun 15, 2011
Does anyone have experience using the form plugin 'jquery.form' insideWordpress and if so does this plugin have any special requirements?
Scenario I'm attempting to use jquery.form to handle a form that appears in a dialog. The arrangement works on static pages on the server, outside of WP but in the same domain.However, when the form is presented in the dialog on a WP page the submit function fails, usually resulting inthe dialog closing having not submittedthe form.
One question thatoccurred to me is how do jquery plugins respond if used withWordpress with regard to the use of "$"? Perhaps its not an issue but I wondered if it might be the cause of the problem here.
The triggering script is just the standard script with a few options added, again this works on static pages:
The php to process the form is:
View 3 Replies
View Related
Dec 4, 2009
Does anyone know how I could integrate this jquery plugin into wordpress?I'd like to use wordpress for posts etc and then set up two pages within wordpress to act as galleries (using this jquery gallery on each page). I'm sure it'd be possible, just need some tips on how to go about it.
View 1 Replies
View Related
May 22, 2011
how to add a jquery plugin into wordpress. I've searched all over and can't find specific instructions...
View 1 Replies
View Related
