I have used multiple jQuery in my page. Two of them are working fine.When I tried to integrate the galleria script, it says, Error: $("ul.gallery_demo").galleria is not a function The code is working for me separately. Here's the code.
[Code]...
I'm trying to get galleria working on a few images which are pulled in dynamically. The HTML at the moment looks like this:
[Code]...
I have done what i THOUGHT was everything right. I downloaded the jquery min js file, then the galleria.jquery.js file.. Then i created a CSS called galleria.css and edited it to my liking and the ONLY thing that I can get is a BASIC gallery. It seems that the Java is not being read. The css creates the overall LOOK of it, but theres no HOVER, theres no FADE... nothing that the java would typically have done. I just REALLY need to figure out why this is not working.. i have tried it on both my dreamwevaer install AND tried for the heck of it just to upload it to my server and see if it was the local file paths that were causing the issue.. Apparently it was not the case. I get the same results when viewing the page!!
View 10 Replies View RelatedI have been trying to figure this out for a few days now and I'm stuck. I'm using a JQuery based image gallery called Galleria [URL]... Its simple enough for my needs but I would like it to load the images from an xml file. With that in mind I have been trying to modify the basic demo_01.htm demo file to do just that.
[Code]...
I'm trying to set up multiple instances of the galleria plug in on the same page. Here is the page I am working on[url]...
I don't really know javascript very well so that's why I'm stumped.
My issue seems basic enough but i can't seem to get things working.
I have a list of links within a div as follows:
[Code]...
1. I have a number of images placed in my html page simply using the img tag. When the page is loading I see these images stacked (full size) for a few seconds before galleria loads and then begins to convert them into thumbnails. how to hide the images on the page but only to appear in the galleria as the images start to load as thumbnails?
2. I wish to have the same 5px (horizontal) gap between each thumbnail. However my images are of different sizes and have been optimized to a max width or max height. I do not wish for the thumbnails to be cropped so have set: thumb_crop: false, This has now visually created an inconsistent horizontal space between each thumbnail (highlighted in pink to show the gap left and right of each one). I have already attempted to change the thumbnail width to auto in the css, but with no success. How do I remove the 'excess' left & right space from each thumbnail so that the gap appears consistent?
3. Lastly, upon page load, is it possible to hide the main stage image until a thumbnail is selected? I wish to initially display some text (where the main image sits) which is then replaced with the main image when the user clicks on one of the thumbnails.
I've implemented a photo gallery using Galleria and jCarousel on my site, and have chosen to use custom thumbnails instead of having Galleria generate them for me from the source images.
As far as I can tell, there may be an advantage in conserving bandwidth with this method, but the page also degrades to a nice set of thumbnails that link to the larger images (which is very nice, IMO).
Everything works beautifully, however when viewing this gallery for the first time, instead of the large image fading in nicely as it does in the Galleria demo, it almost kind of "slides" the image into view like it's rendering pieces of it as it loads in the container. This is definitely an effect i would like to avoid, but I also thought that one of the benefits of Galleria was that it pre-loaded images in the background, right?
So why does my gallery appear to be loading these images "on-demand"?
Here's a link to the page in question: [url]
I would like to use Galleria to display photos on my website but I'm having trouble getting it to function. I don't know an awful lot about html but I think I've followed the instructions correctly. I would like my gallery to function something like this: [URL] but right now it looks like this: [URL] I'm not so worried about the design aspect because I'm hoping to work on that later but I would like the gallery to work correctly.
View 2 Replies View RelatedI need to play slideshow in this script.
[URL]
I am tired but unable to find any solution.
My html code with main big is
HTML Code:
<div id="main_image"></div>
My thumnails:
HTML Code:
<div class="scrollable">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li class="active"><img src="images/1.jpg" /></li>
<li><img src="images/2.jpg" alt="" /></li>
[Code]......
I need to play slideshow in main_image div with mycarousel ul thumbnail/
I am trying to set up a photo gallery on a website using the Galleria Javascript. I managed to setup one gallery but I don't know the code to setup another or another two galleries on the same one page. Can anyone help me urgently? When I try to post the code twice, it gives an error message.
[Code]..
Just after upgrading from v1.4.3 to v1.4.4 I started receiving this javascript error on the console, but apart from the update, I didn't do any code modifications. If I follow the console link, it takes me to this point in the source:
[Code]...
with the line in red marked as the error source. What could it be causing the error?
Here is my code:
HTML: [URL]
Javascript: [URL]
and CSS: [URL]
And the second toggle isn't work !!! In Firebug, I do not get error!
I'm trying to "progressively enhance" one of my surveys using javascript. Basically, I have rating scales that make use of radio buttons as each point on the scale. Each radio button occupies its own cell in a table. I wrote some functions that will highlight cells on mouseover in a color corresponding to its position on the scale (e.g. the lowest point is red, the midpoint is yellow, the highest point is green). When a radio button is clicked, the background of the button's cell and preceding cells in the same row will be colored accordingly. The functions are working well in FireFox and Chrome (I just have to add a few lines using the addEvent function to make it compatible with IE).
The effect looks a lot nicer when I add a function that makes the visibility of the radio buttons hidden.
However, I want to make sure that there is a fallback option in case the functions that color the cells don't work for whatever reason. I would not want the radio buttons hidden in this case.
Is there a method whereby I can call the "hideRadiobuttons" function only if the other functions are successfully executed?
I don't understand ..
$("#form-dialog-join").dialog() is a valid function which I copied from Jquery demo. What's wrong with it?
btw, all the jquery library is loaded correctly.
I am Having an account information page which needs to be validated,but the problem is i want each error message to appear under its respective input field. I had tried using errorPlacement but it is showing all error messages at one div id which i had assigned.Is there any way to display error messages under its respective text box(input field) ???
Need of Urgent help.
I'm currently rewriting all my ajax calls to use the jquery method (much cleaner code! ) and have declared a default ajaxError function, shown below:
$(document).ajaxError(function(event, request, settings){
alert("There was an error while communicating with the server. URL: " + settings.url);
});
However, now I have a few ajax calls where I want to declare an error function in the ajax call. I was hoping that by declaring an error function in the ajax call, it would replace the default error call I have defined. But that does not appear to be the case, as I continue to first get my ajax function error call, then I also see the above code execute.
I tried calling event.stopImmediatePropagation() from within my ajax error function hoping that it would stop further events firing (ie: the default error event) but that didn't do anything except tell me in firefox that "event" was undefined.
I was hoping I wouldn't have to go through and define an error function to EVERY ajax call.
I am a jquery newbie and trying to make a template switcher function. Here is what I have so far: [URL]. If I click on "login page" or "member page" first, and then click on "Template 1" or "Template 2", it wont work. IE gave me "permission denied" js error. FF didn't give me error, but nothing happened. Is it because after we click on the login or member page, the DOM elements has changed, so it doesn't work?
Code:
$(document).ready(function(){
var templateframe = $('#templateframe').contents();
noclick();
$("#templateselect li a").click(function() {
var style = $(this).attr('rel');
templateframe.find('link').eq(0).attr("href", "styles/" + style + "/_css/main.css");
alert(templateframe.find('link').eq(0).attr("href"));
return false;
});
$("#pagenav li a").click(function() {
var page = $(this).attr('rel');
$('#templateframe').attr("src", "template/" + page + ".html");
noclick();
return false;
});
$('#applybtn').click(function(event) {
var title = $('#sitetitle').val();
if(title.length > 0){
templateframe.find('.content h1').html(title);
} event.preventDefault();
});
function noclick(){
$('#templateframe').load(function(){
//$('#templateframe').contents().find('.content h1').html('Hey, I've changed content of <body>! Yay!!!');
$('#templateframe').contents().find('a').click(function(event) {
alert("Demo Only");
event.preventDefault();
});});}});
Here's where I'm having an issue: [url]
It returns an error of "Error: ca is null" from this function:
Code:
The thing is that it will return a "null error" for whichever height I try to set first. I mean, if I swap the first two items:
Code:
It will return "Error: cb is null".
I am using jquery.ajax() to make a POST call to web server which returns HTTP 201 response for successful creation of object at server. Since 201 is a success I expect the success function specified with jquery.ajax to execute but instead it executes the error function specified with jquery.ajax. Here is how I am using jquery.ajax call.
[Code]...
I'm using this star-rating plugin [URL] and the call back function provided to allow for submission of forms onclick of rating star.
Code:
$(document).ready(function() {
$('form.entry_rating').rating( {
callback:function(value, link) {
alert(value);
}
});
});
However, once the callback is included I get an error I've been trying to track down for the past day and a half. In IE the error thrown is "Object doesn't support this property or method" on Line 100 character 4. In my JS debugger the plugin breaks on line 99
[Code]....
Sorry but I can't get the very first tutorial to work. I put the custom.js in a test_jr directory in htdocs. I also put the starterkit.html file in the same directory. I copied the contents of jquery-1.4.4.min.js into a jquery.js file also in the same directory. Then I did the custom.js page shown here:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
[Code]...
I tried clicking on the [URL] and I get the starterkit.html page. If I click on the "some link" it doesn't do anything. What am I missing? There are syntax errors in my editor starting on the line with the asterisks* Why is there an error there? It looks like it closes the click function?
I'm trying to pass titleArray and pointsArray to the task(); I'm getting an error mgs this.assignments() is not a function. I've highlighted this.assignments()
[Code]...
when i tried this code to accept multiple requests in ajax [URL]it gives me error "get is not a function"
View 5 Replies View RelatedI have a function that I am working with on onload of the body.
RIght now I don't think the function is important, I am just trying to call it and pass it the name of the field I need it to use and it is giving me an error.
Here is my function call in the body tag and the quotes are escaped because the html is set in a local var so...
onLoad="d.updateOptions(document.employees.getElementByName('company'), 'dept');"
I have also tried leaving the form name out
onLoad="d.updateOptions(document.getElementByName('company'), 'dept');"
The error I am getting is Error: document.getElementByName is not a function
I thought this was how you used this. Can someone enlighten me as to what is wrong with this please?
I'm a Javascript newbie and I have not been able to understand the problem in the below code. I have been stuck at it for hours now.
whenever I click the "Preview Dialog" button, I get the following error in firebug: callPublish is not defined code...