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 RepliesI'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]...
I'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 RelatedI started using jQuery yesterday so im a noob. I have a navigation bar, and i want it to display a background image on the active menu item. (Like the top most menu on this website, it has a little blue underline)
[Code]...
Line 2: It loops though all the <a> tags in an <UL> with id nav_prim. (The <a> tags are inside of <li>'s in the <ul>.
Line 3: I check to see if the <a> tag's href atribute is the same as the URL of the page, if it is
Line 4: i want that specific <a> tag's background-image to be images/nav_bg.gif.
I can't get it to work. In firefox i get the error " $("ul#nav_prim a")[i].css" is not a function.
Why is that? Can anyone please help me? As i've said im new to jQuery and Javascript in general aswell.
getting all the header text:jQuery("#accordion h3").text();how do you get the active index? and how do you use that index to get the active header?how do you get the header text for the active header?
View 1 Replies View RelatedI've created a nav bar for this site - [URL].. I'm using javascript to handle the image rollover which is working just fine. However I want to add to this so that the current page will stay with the second or rollover image. How would you suggest I edit or add to my code so it keeps the second image active if it is the active page? In my script file this is what I'm using for an image:
menu1buttonup = new Image();
menu1buttonup.src = "http://web11.3essentials.com/~cp27358/wp-content/themes/origin/images/menu1.jpg" ;
menu1buttondown = new Image() ;
menu1buttondown.src = "http://web11.3essentials.com/~cp27358/wp-content/themes/origin/images/menu1a.jpg" ;
[Code]...
I've created a nav bar for this site - [URL] - I'm using javascript to handle the image rollover which is working just fine. However I want to add to this so that the current page will stay with the second or rollover image. Do I edit or add to my code so it keeps the second image active if it is the active page?
In my script file this is what I'm using for an image:
menu1buttonup = new Image();
menu1buttonup.src = "[URL]" ;
menu1buttondown = new Image() ;
menu1buttondown.src = "[URL]" ;
Followed by....
function buttondown( buttonname ){
if (document.images) {
document[ buttonname ].src = eval( buttonname + "down.src" );
}} function buttonup ( buttonname ){
if (document.images) {
document[ buttonname ].src = eval( buttonname + "up.src" );
}}
And this is what my list items look like:
<a href="<?php echo home_url(); ?>/?page_id=7" onmouseover="buttondown('menu1button')"
onmouseout="buttonup('menu1button')"><img src="<?php bloginfo('template_url'); ?>/images/menu1.jpg" name="menu1button" /></a>
Bit of a lengthy topic name, I know - I'm trying to make a sort of really lightweight online t-shirt designer - basically, it'll show a picture of a t-shirt in the background (you'll be able to change the color via selector), and then be able to upload an image, drag it around the t-shirt and resize it. I've found this: [URL]. But I have no clue (after looking at the JS, I'm still pretty new) how to set bounds to keep it in, or how to save/output the image it creates - that is, the uploaded image on top of the t-shirt needs to be saved as a single image and then output, probably via email. I am fairly fluent in PHP, but still pretty new to javascript. What is A, the best way to upload the user image (and give a max file-size) and B, the best way to drag/resize it around the t-shirt, but without moving it off the t-shirt image, and C, save that image then output it?
View 2 Replies View RelatedI think this is just a dumb question, I'm missing some basic logic here about jquery "grammar".
I'm trying to do an image swap on hover that checks to be sure the thumbnail is not the active thumbnail. So mouseover, it swaps. Mouseout, swaps back, unless the thumb has been clicked.
Here's a snippet of the code that doesn't work:
How do I check that _li is not ".active" and replace the src if it isn't?
I 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 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 RelatedI have implement jCarousel onto my website, my jCarousel has 8 items on each page, when user click "Next" button, then jCarousel will display item 9 until item 16. I want to execute a certain codes only when jCarousel is displaying item 1 to item 8. In other word, I want to execute the codes on 1st page only. In other word, I want to execute the codes before click the "next" button. How to do that? I not sure which 1 should I use? Should I use itemFirstInCallback or itemVisibleInCallback or buttonNextCallback? I refer to this website[URL]..jQuery/jCarousel/ but there is not example or guideline about how to use them. Can anyone guide me how to use those functions?
View 1 Replies View RelatedI sort of see examples in how to lazy load via AJAX request for the jCarousel.But the examples here are geared toward specific APIs such as Fickr.URL...So basically what I'm trying to do is make a jQuery ajax request to one of our URLs that goes to an HttpHandler and spits back XML in the response.Obviously this is our own custom XML so I looked at the source examples on some of what he did with calling the Flickr url to
defer loading but I don't know how hard it would be to tweak this plug-in or what to tweak in order to parse my own incoming XML in the response and then get the list items to show dynamically in the <ul></ ul> So I don't know where to start on this. I guess I can look at the source of this plug-in but man, I will still need some assistance on this.
I've been trying for the last 2 days to get this thing to call my getJSON and fetch a new set of records based on the carousel.last value when you click the next button. It loads 3 pictures on start up just fine but the next button is not enabled because I only have 3 loaded and there are no more lingering in the queue. I don't want any lingering.
[Code]...
I'm not very experienced with jQuery yet and after a while of trying and searching I decided to ask for help here:
I'm using jCarousel Lite, the "Custom Widget" scenario (click in the list on the left)[url]
When clicking on a image in the carousel, the larger image is shown immedeately. I'm trying to achieve a fadeout, fadein effect. Doesn't need to be a crossfade, a fade out to white, fade in from white is fine.
My 'bare' code (this works, with instant showing of pictures, without any fades)[code]...
[code]Now I use firebug to inspect the 3 <li> again, then I realize the 3 <li> don't have class, style and jcarouselindex anymore. I guess it is because the function inside jcarousel.min.js file is execute first before the 3 <li> are finish sent from usermessage.php file. How to stop jcarousel funtion before 3 <li> is finish loaded? I saw there is an example of the way to stop jcarousel function but it is for xml data, I don't know how to convert it to php. I hope somebody can help me out about this. Below is the example of the way to stop jcarousel function but it is for xml data.[code]
View 2 Replies View Relatedin jCarousel i have a list of items, what i would like to be able to do is when the user clicks on an item (say the 4th visible item in the list) the carousel would scroll so that the clicked item becomes the first visible item in the list.
View 1 Replies View RelatedI have some problems about using jcarousel library on Google Map, and following is my scenario: there is a Marker on the Map, and when clicking on the Marker,Info-Window will pop up, and jcarousel content will be in the Info- Window And This is a simple demo:
[Code]...