TheEagle
-
Posts
41 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by TheEagle
-
-
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/
-
That sounds more like a Flash item, using Adobe Flex you can do that rather easily and the Flash Builder 4 (Flex 4) SDK is free.
In the end it is still a question of Why? What is it that they want to move around. It is hard to answer without a better idea of what is trying to be done and why? Is this something the owner would use or is this to be available to the web site users?
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..
-
Could you be a little more specific? Or a link for we can see what you mean.
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?
-
If you post a link to your most recent code, I may be able to take a look... can't promise any solutions though.
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...
-
To be honest, I'm not sure I can help you here -- this is a bit over my head. My impression, however, is that when you move the mouse over the nav item several times very quickly, the effects "build up", rather than canceling any previous effects and then doing the new one. Are you following any tutorial on this, or are you trying to write it yourself?
You may want to look at this tutorial: http://www.gayadesign.com/diy/jquery-convertion-garagedoor-effect-using-javascript/. Although it isn't exactly what you are trying to do, it is pretty close, and it doesn't have the issue that your script has if you mouse your mouse over the item several times quickly.
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
-
My issue is laid out here.
The top and bottom of this picture frame box are images in the html. The center is a repeating background image that expands with the text. It looks okay in Firefox, but there is a space between these boxes in IE. Thoughts appreciated!
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.
-
Welcome for you success. How you success, describe you story here. Thanks.
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:
-
Have you figured this out? Instead of using the leave() function, have you tried the .hover()?
Hi
May you try the example above with overflow hidden on your machine and tell me what you get?
-
Have you figured this out? Instead of using the leave() function, have you tried the .hover()?
Yes I tried hover long time ago and same result.However I'm working on the shaking problem right now...
-
I have CS4, I can't comment on CS5.
So it doesn't work in CS2,CS3 and CS4.Hope one of the members have CS5 to try it and tell us...
-
I haven't been able to use the replace color tool successfully -- for one reason or another, I can only replace using gray. I think you'll need to use a different method (Hue/Saturation?)
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.
-
Perhaps you can attach the file you are trying to work with? (http://www.killersites.com/community/index.php?app=forums&module=post§ion=post&do=reply_post&f=13&t=3856 - look for the "Attachments" header just below the main inpyt box where you would enter your message.)
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.
-
Just to be clear, what color within the image are you trying to change to red?
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).
-
Perhaps you can attach the file you are trying to work with? (http://www.killersites.com/community/index.php?app=forums&module=post§ion=post&do=reply_post&f=13&t=3856 - look for the "Attachments" header just below the main inpyt box where you would enter your message.)
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...
-
A .gif file uses "Indexed" color, which means that the image only contains a limited number of colors. Make sure to change your color to RGB (Image > Mode > RGB color) before you use Replace Color, use Replace Color, and then save the file as a .gif with Indexed Color after. This will allow you to change colors within the image.
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?!
-
A .gif file uses "Indexed" color, which means that the image only contains a limited number of colors. Make sure to change your color to RGB (Image > Mode > RGB color) before you use Replace Color, use Replace Color, and then save the file as a .gif with Indexed Color after. This will allow you to change colors within the image.
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...
-
Default is always left/top 0 but for IE it's always prob a good idea to just declare them. If it shakes I would just look for a different script. There are tons of this floating around. Just google jQuery photo scrolling or something like that.
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?!
-
I dont really know why overflow hidden on the window div doesnt work either. My guess is jquery is overriding it. But if you say overflow hidden and position absolute on the window div that does give you what you need. Or position relative but that fubars the position of the inner scrolling divs.
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?
Infinite Animate Is Late
in Javascript
Posted
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...