I've encountered a minor but annoying bug in jCarousel.
1. Go to http://sorgalla.com/projects/jcarousel/examples/dynamic_javascript.html
2. Double click the right arrow button.
3. Notice some of the images and middle section get the selection
[Code]...
The purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered. The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it again..
[Code]...
I use jcarousel in one of my project. As we know active image in jCarousel, default set in the left or right. Can i customized so active image will centered? Let say there's 5 image and i want image number 3 in the middle is set as active image.
View 4 Replies View RelatedGot some problems with a php script that outputs a jQuery script.
The purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered.The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it again..[code]
How can I hide/disable the submit button if the name Todd is selected?
View 7 Replies View RelatedI've set up jcarousel and configured it to work how I need it to, apart from one thing; I need the images to keep their width - height ratio when the browser is resized.
I'm using the Flexible carousel configuration and the width of the images changes appropriately when the window is resized, but the height stays the same, I need it to change.
Here is a link to my gallery: [URL] Here is a screencap of my problem: [URL] This just seems to randomly happen sometimes, and I can't figure out why. Very rarely, it will be one or two of the thumbnails that's lower, but I didn't get a screencap and haven't been able to get it to happen again. The problem with the main image occurs frequently after clearing the cache in Safari. I'm totally stumped, because other times it loads just fine, and seems to always be fine when the page is reloaded or a thumbnail is clicked.
View 2 Replies View RelatedUsing a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:
1. Image appears on the parent page in a specified ID.
2. A "hidden" field is updated so that when the user submits the db is updated with their selection.
3. Dialog closes automatically.
That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...
I'm new to javascript and have the following problem:
I have two image buttons:
I'm using image in an anchor tag as a submit button.
We use:
document.images['img_name'].parentElement.removeAttribute('href') in ajavascript function to make a image button non-clickable (not-hyperlink). How do we make it clickable again (have a hyperlink).
I'm looking to disable a group of radio buttons which are really images once when of them has been clicked, also a second set of radio buttons (images) are then made visible and enabled below.
Here is what I have:
Code CSS:
does anyone know how to apply onselectstart and ondragstart to just
one image on a page?
All of the posts I have found so far suggest adding these to the body
tag. The disadvantage of this is that it prevents users from selecting
anything at all on the page.
I need to isolate this to one particualr image. I've tried adding the
selectstarts to divs, the img tag etc but it doesn't seem to work.
I'm looking to create a small area that contains images of my work, similar to how Internet Dreams have theirs set up [URL].
I want the images to slide across, but there also be the option to select a particular slide, same as the example above.
PHP Code:
<html>
<head>
<script type="text/javascript">
function defaultDisplay(){
[Code].....
I have three images and I want to display one based on selection from dropdown menu. I have wriggten above code, but it does not work. Why is that ?
On www.vellusiaremyhair.com/order.php I set it up so the larger image shows based on the thumbnail clicked.With JavaScript can I make that "ZOOM" link to the large version of the image that is selected?
View 3 Replies View RelatedI am using jcarousel for a scrollable list of images (vertical). Unfortunately, when you try to scroll it the first time you enter the website its not working properly. Just when you try to visit the site the second time it the scrolling will work as intended (when cache deleted, again, it will not work). [URL]. To load the script earlier, I tried to already put it in the head of the index page (starting page), but this had no effect. The Problem is for IE and Firefox the same. I am using Dreamweaver CS4.
View 1 Replies View RelatedEverything was perfect until I uploaded one too many pictures. Using "SmoothSlider" for Wordpress and it seems that jCarousel 'overloads' when there are more than 12 images. Here is what happens on the page:
display: block; overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: -43650px
; width: 72750px;
left: # ; reaches a 'limit' approximately around 10,000px and results in the slider sliding back to the first image (left: 0px++) and then it goes to the correct pixel size.
View the page here: [URL] and try it your self.
i am using [URL] when i have reached the last item, where the next button shld have been disabled, its still enabled leading to an extra space when next is clicked. [URL]
View 2 Replies View RelatedHas anyone had a problem where JCarousel does not render images in IE 8 but works fine in FF?
View 1 Replies View RelatedI have problem, the code cannot operate. The user must select in dropdown list having one display of image every time.
JS code
var sel = document.getElementById("sw");
function f1(){
var imgs = ['chart1.cgi', 'chart2.cgi', 'chart3.cgi', 'chart4.cgi'];
var im = document.getElementById("pic");
im.src = imgs[this.selectedIndex];
}
html code
<img id="pic" src="chart1.cgi" />
<select name="sw" id="sw" onchange = "f1()" >
<option value="s1">what</option>
<option value="s2">whatever 2</option>
<option value="s3">whatever 3</option>
<option value="s4">whatever 4</option>
</select>
I load a page with two default images and two radio buttons not selected. When either of the radio buttons gets checked I need to swap corresponding image. I tried this but it does not seem to work:
PHP Code:
<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function swapImage(currencyflag) {
switch (aspectflag) {
case "3x2":
3:2.src = "/i/misc/aspect3x2_rd.png";
16:9.src = "/i/misc/aspect16:9_gr.png";
case "16:9":
3:2.src = "/i/misc/aspect3x2_gr.png";
16:9.src = "/i/misc/aspect16:9_rd.png";
}}
</script>
</head>
<body>
<img src="/i/aspect3x2_gr.png" width="150" height="100" alt="" name="2x3">
<img src="/i/aspect16x9_gr.png" width="178" height="100" alt="" name="16x9">
<form>
<input type="Radio" name="aspect" id="3x2" onclick="swapImage(3x2)">
<input type="Radio" name="aspect" id="16x9" onclick="swapImage(16x9)">
</form>
</body>
</html>
I have a problem on my website that I'm doing for a company, they have a Wordpress blog, and the blog page is set as a static home page, which is great. The problem is, the Atlantica theme puts a gallery on much of the blog, and worse, makes an even bigger gallery on the Home page (lucky me:-/). With some twiddling, I quickly figured out that I could just set the div "gallery" to "display: none" via CSS, and wah-LA! it disappeared..until 5 seconds later, when the error message "jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..." continues to re-assert itself, provides an OK to out of the error message, and keeps pestering me again.
I know next to nothing about the format of JScript. I've tried if/then statements, but once again, I'm so new at this, that I haven't gotten that far. I'm a whiz at CSS, but Javascript is kind of kicking my tail.
I have 21 items in the list, but scrolling by hitting the right(next) icon only takes me to the 13th item and stops.
View 1 Replies View RelatedI have a couple of problems using jCarousel, and was hoping someone here might lead me to a solution. First of all, can I change the way the External Control function works? I am guessing that I "only" need to edit the javascript file, but having little knowledge of it, I chose not to. What I want to do, is use the External Controls as a pagination, so rather than being a navigation for each image, I would like it to navigate from one page of visible images, to another. More or less, I accomplished it by setting the value inside the <li></ li> to the number I wanted to navigate to.
However, this resulted in ridiculous number always increasing by the number of visible items (have a massive amount of images loaded).
So really, the question is:How can I navigate to a specific image in the carousel using a onclick function? Which brings me to the other problem, the External Controls behave as a list of navigation-buttons. If my carousel shows 500 images, it will generate 500 buttons for navigating. How can I automatically shorten it (as the Pagination Plugin does; [url])? Thinking about it, making such a pagination would be much easier if I knew how to solve the first problem.
(tried posting this earlier without result), I have a couple of problems using jCarousel, and was hoping someone here might lead me to a solution. First of all, can I change the way the External Control function works? I am guessing that I "only" need to edit the javascript file, but having little knowledge of it, I chose not to. What I want to do, is use the External Controls as a pagination, so rather than being a navigation for each image, I would like it to navigate from one page of visible images, to another. More or less, I accomplished it by setting the value inside the <li></ li> to the number I wanted to navigate to. However, this resulted in ridiculous number always increasing by the number of visible items (have a massive amount of images loaded). So really, the question is: How can I navigate to a specific image in the carousel using a onclick function? Which brings me to the other problem, the External Controls behave as a list of navigation-buttons. If my carousel shows 500 images, it will
[Code]...
I am using jCarousel and I am getting a weird bug. Basically, jCarousel renders perfect - however for a brief instant the carousel appears vertically and then appears horizontal as it should in IE / FF
View 12 Replies View Related