i have a thumbnail gallery of pictures on my page. I also have one area where i feature one of the gallery pics in larger format. Imagine a photography website, when a thumb is clicked, the larger pic is populated in the Feature section. Ideally this is all on one HTML page.
See code below. <body> <table width="770" border="0" cellspacing="0" cellpadding="0">
Now, what I'm trying to achieve is: When you hover over the 2_small.jpg the 1_large.jpg temporarily changes to '2_large.jpg' until you mouseout then the image reverts back to '1_large.jpg'. If you click on the '2_small.jpg' thumbnail the '1_large.jpg' permanently changes to the '2_large.jpg' until you either hover/click on the '1_small.jpg' thumbnail.
Hey im working on a website and id like to put a image swap in so that the image will change on a timed event. Id like to make it so that when i click it it will bring me to anew page which isnt hard i just cant figure out the image swap.
My goal right now is to make a two-part navigation bar where you don't have to reload the whole site, when you click on a link. The navigation bar consists of two <ul> lists with <li> float:left and <a> display:block, so I basically have two lines. It's probably easier to understand if you see it for yourself: jsfiddle (had to change the css style, because I use .less but it works)
When you load the page it's just like that, you have your main category (A,B,C,D,...) and the sub-category (A1,A2,A3,...). What I want: If you click on B, the sub category changes to B1,B2,.... If you click on a sub category the site loads the requested page (with ajax = best solution?!)
At first I thought about just changing the name and href attribute of the second list, but the main categories have different amounts of sub categories, so I would need to add or remove <li>'s. Then I thought about using .load() but I somehow screwed up (of course) and the loaded <ul> doesn't have any css style (wrong order?) and I can't see anything. (with a loaded test.html site containing only the word "test" it worked) Is ajax "overkill" as a solution?
CodeIgniter and the URL
Minor problem: when you load the site, click on B, then B3 for example, you would get the url example.com/B/B3. If you now save this link, close the site and reopen it with the link, CodeIgniter would load the right site and everything, but the navigation would show A1,A2,.. in the sub category.
Hover vs click
Almost every page where I saw this kind of menu they used hover to change the sub category. But I thought click would be better, so you don't have to avoid touching B,C,D,.. if you want to go from A to A9 for example. Only downside is that you have to click before you see the sub categories.
A two part navigation menu you can use without reloading, changing URLs (when possible) and probably ajax to load the actual content.
I'm loving this: Sliding Login Panel with jQuery 1.3.2 However, I'd like it to work so the 'Close Panel' link actually appears in the #panel itself and doesn't swap/toggle with the 'Login | Register' part.
I am trying to put together a purse shopping site - I would like to have the various views of the same purse in thumbnails under one image then when the customer clicks on the thumbnail the larger image will go into the viewing area. The general layout is like this page - [URL] So when someone clicks on the smallest image I would like it to replace the other image on the page and the larger image becomes the thumbnail. How is this accomplished?
i am using ajax to change the banner background while pressing on refresh Note:it must be a background image because i will display data from database. [URL]...
my problem is: when i press refresh button in Firefox browser it changes the background and on pressing refresh again the background will change but in internet explorer 8.0 it changes the background only for the first time and on pressing refresh again the background will not change.
how i can fix this problem ?? i want the user to press refresh at any time and the background will change.not only for the first time at the same time it must be a background image because i will display text from database.
I have four links that use graphics to create an unvisited and visited state (using CSS). The link actually changes a section of text elsewhere on that page, so the user doesn't leave the page. The clicked, visited graphic reflects what text you are reading. You can then select a different link, and new text reflects the link you clicked on. What goes wrong is that if you click all four links, you eventually get all four visited graphics showing.
What I want is this. You click on the graphic and the graphic changes to visited. You then select a different link and that state goes to visited but the previous link that is visited too, changes back to unvisited. Therefore when you click on any link, that visited state is shown, and all others always reset to unvisited. The results is that the visited graphic reflects the current text on that page.
I have a client that owns 2 domains pointed to one site. They want their site to display a different banner depending on which url the user uses. I thought using location.host would do the trick, but the host property value is always the main url - not the secondary url:
I need to stretch my banner Image at the top of the page to the whole of the page. The development computer on which I was working for this site displayed it correctly. Today when I opened the code in another compter the top banner image didn't display itself for the whole of the page. It just contracted to the left side. I am wondering how do do it. Well I used background-image:100% but that didn't work(CSS3 compatibility issues). Any tips to stretch this top banner to the whole of the page in every computer.