here's the page... [URL] it uses a tabbed menu using the tutorial at [URL] the tutorial uses text in the <li>'s, but I need to use images problem is, clicking on the image does not trigger anything but clicking on the "cc" "t" and "f" text does
View 2 RepliesHere's the page.[url]...
it uses a tabbed menu using the tutorial at [url]...
the tutorial uses text in the <li>'s, but I need to use images
problem is, clicking on the image does not trigger anything
but clicking on the "cc" "t" and "f" text does
what do I have to change?
I want to replace the text headings with images. I have tried adding an 'img scr' tag but then the menu won't expand. I got the code from here The JavaScript Source: Navigation : Expanding Menu [URL]
View 4 Replies View RelatedI'm trying to create a simple <select> menu in which the options are not text, but images. How can I go about doing this? I tried <option value="x"><img src="xx" /></option> with no success...If no solution exists with HTML, is there a solution with JavaScript or any other language?
View 4 Replies View RelatedI am new to javascript, and am having an issue, which I'm sure is elementary.. I found a script for expandable content, it suffices fine. As it stands, the script toggles images onclick. For example, whence the menu is collapsed, it displays "plus.gif" next to it, and when the menu is expanded, it displays "minus.gif" next to it.
Basically, what I would like to know is, thus: how would I change it to display text icons next to it? For example, in place of "plus.gif" I should like it to display "+" as actual text. I've dredged a number of places, however, I've found nothing. Furthermore, I cannot figure out how to do it.
I have created a Javascript menu for my site which uses frames. The first
stage loads fine but I want two drill down menus ("About Me Menu" and
"Projects Menu"). The pages load fine, but the images aren't displayed,
instead the alt text is shown. The images come up after you "Mouse Over"
them but not before......can anybody spot any errors in my code which could
be doing this please. For info, I have 4 images for each button, to take
into acount whether the button had been used and to give a mouse-over image
for each state. I have also deleted the code for items 3-5 as they are
commercially sensitive. Code:
I am looking for some recommendations for JS/HTML code that will
allow me to generate drop down menus, sort of like the ones here
Code:
where you can see the drop down menus if you roll over "Flights",
"Hotels" and so on. The only thing I want to do differently with this
is that I want to put a repeating background image behind the entire
menu that drops down, and not necessarily just each item. So, in the
above example, if you rolled over Flights, I'd like a background
graphic to span all the menu items -- "Search Flights", "Top Deals",
"Web Fares", "Low Fare Alert", and "Last Minute Packages."
now i am making a navigation menu using images by on mouse over function,i want to make a div that shows menu using css and javascript function
View 2 Replies View RelatedI was wondering if there was a jquery plugin that will allow me to show images in a select menu item kind of like the way myspace has there mood icons
View 1 Replies View RelatedFor some reason the dropdown list in my menu becomes hidden underneath the jquery fading images. If i dont fade the image it displays fine. You can check out the issue here[URL].. When you rollover Javascript, the 2 items beneath it become blocked by the images which are fading in the right panel.
View 2 Replies View RelatedI am new to JavaScript and have been plugging away at it trying build a menu for site I am developing. My colleague has suggested I use Flash, which I could, but I think it is unnecessary and JavaScript is ideal for this use.
I have been building a menu that has a sub menu that appears below all of the main menu items. I have got this working and will include the code I used to do this below.
Now I want to change the button image so that it is visible which sub-menu the items that appear below belong to. Code:
which was very helpful and with some playing around I can now get my existing menu to complete part of my task. But I have 4 menu items and therefore need to use a "var" command to allow me to define different button images for different menus. Code:
now i am making a navigation menu using images by on mouse over function,i want to make a div that shows menu using css and javascript function
View 3 Replies View RelatedI would like to create a page that has a dropdown menu populated with a list of images. When someone selects an image, the image and a URL to a webpage will display (screenshot below). Each image will have a different URL. How do I accomplish this?
View 9 Replies View Relatednow i am making a navigation menu using images by on mouse over function,i want to make a div that shows menu using css and javascript function
View 1 Replies View RelatedI've found out that I can use <div id = "variable"><div> to change text and
pictures on mouseovers.
All I have to do is change "variable" to be the HTML text I want.
I can even change the text to have images.
Is this method recommended?
Should I be doing it another way?
I'd like to have something similar to the rotating images and text on my website. The website that I would like to mimick is: http:[url]........You can see that the images move but there is still text over the image that I can click on. How would I go about doing something similar to this on my website. I'm guessing it's a combination of Javascript and CSS
View 8 Replies View RelatedI currently have an image and underneath it there are 6 thumbnails. When I run the cursor over them the big image changes. This works fine. However, I would like to have text beside the big picture that also changes depending on the thumbnail over which I am hovering.
I have tried to work it out myself but failed miserably. I have tried forums, but can't find what I need. My code as it stands at the moment is:
<script type="text/javascript">
if (document.images) {image0 = new Image;
image0.src = "i/p0.png";
image1 = new Image;
[Code]....
Is there a way to do this? [URL]. Similar to the site above, but with images as well.
View 2 Replies View RelatedI have work thumbnails on one side (meals), ingredients on the other side, what I would like to do is:
1) If I hover over a meal, the ingredients used for that dish are highlighted on the left
2) If I hover over an ingredient, the dishes that used this ingredient are selected
I am just starting out in jQuery, can anyone give me some pointers.
If I were to using single images, I would use CSS 'float left' to have my text appear on the right side of the image, but with JS I cannot seem to do this.
My text drops below the slideshow and then I have this ugly white area to the right of my slideshow. I have tried MANY scripts and just cannot figure this one out.
The script I am using now has the main scripting in the <head> section, but this is what I have going on in the <body>:
<script LANGUAGE="JavaScript">
SlideShow();
</script>
Can someone help me?
I have a table with two rows and a single cell in each. The top row will house images(s) that I would like to swap out using rollover text links in a lower cell like: 1 | 2 | 3... '1' would call 'img1.jpg' into the uppermost cell, '2' would call in 'img2.jpg', etc. on rollover.I'm certain this is simple to do, but google hasn't panned out for me so I'm hoping someone can give me a snippet of code to start with and I can manipulate for my purposes.
View 1 Replies View RelatedI'm using this simple image rotate script on my site (I think I found it on this forum), and am trying to figure out how to add a description of each picture next to the picture, or under the picture (either way would be fine).My JavaScript skills are pretty much non-existent.I've played around with this script trying to get the descriptions added and have failed miserably.The script I'm using is below:
Code:
<html><center><a id="imageurl" ><img id="Rotating1" border="0"></img></a><br><br>
<script language="JavaScript">[code]..............
Following the guide here:
[URL]
I've got a series of photos rotating in sequence every few seconds. My page is here:
[URL]
I've got one file called banner.js.js with the code shown at bottom of this post. In my main index.html file I have the few lines immediately below. How do I place a caption below images that changes for each photo? Most of the code I've seen to do this seems MUCH more complicated.
<p><div align="center">
<!-- <img src="image_jss.gif" name="banner"> -->
<img src="photo_JBG_0315.JPG" name="banner" width="400" height="267">
<div class="slideTitle"> CAPTION TEXT
</div>
[Code].....
Is jquery the right language to do this in? If it is, can someone point me to a relevant tutorial or example to get me started? Iwantthe text of my site to flow around a fixed background image while scrolling. Doesn't sound too hard but I can't find anything that will do that. I'm starting to think it may need tobe a flash solution. I'ts easy to float the text and some sandbag divs to make the text wrap around the image, but there is no CSS solution to make that text flow around those sandbags while scrolling. Here's a cap with the sandbags outlined to give you a visual of what I'm trying to do:
View 5 Replies View RelatedI found a piece of code that helps me out a lot at [URL] It allows an image to crossfade into another, into another, etc.
I'd like to be able to crossfade an image, with a text caption underneath it, to crossfade into a different image with different text, into another, etc.
I think doing this may have something to do with putting the image and caption into a <div>, and then changing the code to swap the first <div> into the next, into the next.
The code identifies the images as 1.jpg, 2.jpg, 3.jpg, etc. It would be awesome if the captions could come from 1.txt, 2.txt, 3.txt, etc.
If Javascript can't call up .txt files, then the captions could be put inside the current web page into a table that is set to be hidden (display: none).
The reason I want to use Javascript is because I do not wish to use anything that will make visitors have to have additional software (like Java or Flash). Additionally, it is not a problem if they have Javascrpt disabled, because then they'll just see the first image with the first caption, which is fine. I can't use anything like PHP or PERL because I have very little control over the server.
Here is the original code:
==========================================================
Script: JavaScript Cross-Browser SlideShow Script
With Cross-Fade Effect between Images
Adjustable Timing and Unlimited Images
Function: Displays images continuously in a slideshow
[Code]....
I was wondering if you could tilt a whole div with its content (text, images), like to an angle of 15�. I'm pretty sure it's not possible (because of the text), but I've been away from the world of webdesign for 4 years, and I don't know much about what can be done those days...
View 2 Replies View Related