TheEagle

I found the Div size was bigger than I thought so part of the delay was not real(sorry).A little part which looks real is at the end of the animation (before calling the callback function)the animation becomes abit slow but it is not important...

Hi I'm trying to make an infinite animate (loop).So I call the same function as a callback function.It works but I observed when the callback function is called (which is the same function) it takes some time.Is there any better way or a solution for that delay? Following is the code I use: $(document).ready(function () { scroll(); }); function scroll() { $("#divtomove").css("left", "-150px"); $("#divtomove").animate({ left: "300px" }, 20000, scroll); }

Hi I'm supposed to solve this problem at office.I have a JQuery Slider.Even the script is correct I wrote it again almost from scratch.However it has two animate function both were not working.One I fixed which was working on a very wide DIV to be scrolled when a tab is clicked.The second which I couldn't fix is on a DIV with a background(Selected Tab).Beside it 3 spans representing 3 tabs.When one of the tabs(spans)is clicked the Div(With selected Tab Background) should move until it comes below that tab to show it is selected. This Div refuse to move using Animate no matter what I do.It has z-index set to 190 while the tabs have images inside them and their z-index is 200 The code I have is very similar to the following: http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/

Now that you know what I need I can describe in detail: I'm working on control called SharePoint Organization chart found on Code Plex(I don't remember the link but if you google it you will immediatly find it). When the whole chart is generated it is actually a group of div elements.But it becomes huge so the vertical and horizontal scrollers appear. So I want the user to be able to see all the chart without using the scrollers.For example the user hold down the mouse left key then drag to see the rest of the chart...That is the whole idea..

Yes Consider you put a huge map image in an html page.Immediatly a vertical scroller will appear on the right and a horizontal scroller at the bottom so you can view all the map image. Instead of depending on these scrollers I want the user to be able to hold down the mouse left button (hand pointer) on the page and drag to see the rest of the map.

Hi I need to let the user move around a huge chart without using rulers(He already complained about using rulers) is there any javascript or css that could let the user hold down the mouse left button in side the page and move around the page instead of using Horizontal and vertical rulers?

Well I didn't upload that one on the internet because I didn't make any effort on that one.It is exactly the same code in the link you gave me.I just tried by adding a DIV around the overlay DIV to hide the overflow but nothing happened at all.So you can try on the code in the same link you provided before if my goal is already clear for you.Hope more success for both of us...

Yes they use Text in the covered part which is realy what I want but it would be better if the overlay overflow is hidden.I don’t mean in the code I mean in the result.For example when the overlay overflow a top border above the item it will be hidden..like a window or a real garage door.I tried to do it by putting a Div with overflow:hidden around the overlay but it is just ignored by the browser?!!

Hmm..I think I saw this before when I was in the begining of this idea. That time (When I saw that example) I wanted to use text in the cover and the covered part but later on I found it impossible (If possible it would be better for SEO) so I forgot about that example thank you for reminding me about it. If they are using text in the covered part and not an image as the cover then they realy did a very great job and I'm going to use their approach.I will check it out and tell you about it. Thank you for replying to me while no one did for along time

Hope that you solved your problem.If not please upload the page on any other domain becuase I got your website blocked in my country and I don't know why. Also please mention which Internet Explorer do you mean the difference between 6 and 7 and 8 is big.If you find a solution please tell me about it because it may be similar to a problem I have with IE8.

I tried it on CS5.CS5 Replace is better than CS3 without any need to compare.But it gives gray color with the image I attached too...Thank you for your great cooperation.

Why not?! I used Photoshop Layer Style Bevel effect.It realy gives me the result I want.Of course with suitable shadow effect too. Please if you find my post helpful increase my reputation by clicking the green plus sign to the bottom right corner of this post...

Hi, When I use two divs one above the other using z-index then hover (using the mouse pointer) on the two divs quickly their z-index is lost and they appear one above the other ?! I face this problems in different ways when making JQuery on divs which are one above the other then move the mouse pointer above them quickly. Is there any way to make sure the divs will always be one above the other according to their z-index? Here is an example of my problem. If you hover the mouse quickly on the window the cover will appear downward and it will looks funny: http://jsbin.com/ucoru/3

Hi May you try the example above with overflow hidden on your machine and tell me what you get?

Yes I tried hover long time ago and same result.However I'm working on the shaking problem right now...

So it doesn't work in CS2,CS3 and CS4.Hope one of the members have CS5 to try it and tell us...

Thank you for your reply and for your great cooperation.I may use standard colors (only red or only white) for the mean time.But this one was good experience anyway... What about Photoshop CS4 and Photoshop CS5 if any friend have one of them here:Do they give the same result. Because if they give a better result I'm going to install them.If not of course no need to waste my time one that.The image is attached in one of my posts above.

Please reply to me if it didn't work with you too so I start to use different images and delay working on those for a later project.

It seems to me as a user like if it contains two colors white and pink but the pink one may be is changing gradually. In breif I want the pink color to be changed to red.But it should looks in the same way (gradually red).

Good idea I attached the image: I have other images like this one please if you find how to replace its color tell me how... I think it has pink color and some white pixels too...

I opened the gif image and found the image mode on indexed color as you said.Then modify it to RGB color. Then I opened the Color Replace dialog.Then with EyeDropper tool selected I click on the color I want to change in the image.Then I click the Result Color Square at the right bottom corner of the Replace Color dialog and select the color I want (red).Instead of seeing the image turn into red it turns into dark gray?!

Thank you for replying to me... I checked the Image Mode multiple times and I 'm sure it is RGB but I don't remember if it was before indexed or I have changed it . However I tried using the RGB many times then I tried other modes but it was no use. I will try exactly as you said then tell you about the result.

Hi I was trying to replace a color in a gif image for hours and I get no good result.I only get a gray color after alot of work when I use Image > Adjustments > Replace color It never work as I see in some tutorials ?! I tried the Color Replace Tool (in the Toolbox) but it was very weak I don't see the color I want? I have PS2 and PS3 and both gave me the same results.I found many people ask about the same thing over the internet but no clear answer.I hope some one has the answer reply to me...

Well this is the third one I'm looking at.My goal is not only floating pictures.But also using a details ballon on them. When I try that on one of the plugins pictures it works but if I move the mouse over the pictures quickly (enter-leave) the leave event is just not handled.That why I liked the Animate example because it is made from scratch so I may be able to do it this time... However I will try on that one and other plugins I have again. By the way I don't see "mark as answer" in this forum?!

After reading your reply I tried adding the position:absolute to the window div.It hides the overflow correctly but I observed that the animated boxes looks like shaking a bit. Also about absolute position is there any risk in using it inside a relative div so I don't need to specify left and top values?