When someone clicks on an image here (URL...), the rest of the images collapse and become invisible.Also, there will be a "show other images" button which will then show the rest of the images.
View 4 RepliesI'm try to hide the title of some links on a web page. I'm using the title property of some links to pass a description of the images linked to a lightbox script. These descriptions are long and formatted in HTML so I don't want them displaying when people put there mouse over the links.
Heres an example of my title tags:
Code:
<a href="image1.jpg" title="<b>Blah</b> <br> Blah" alt="" rel="lightbox">Image 1</a>
I heard this can be done in Javascript but can't find any information anywhere,
I have a series of links in my page, all with its title atribute filled. The thing is that I don't want the browser to show this title whenever i hover those links, but still want to have mi titles in the markup Is there any way to do it?
View 1 Replies View RelatedI need help, HTML--i have two links, linkA & linkB--when clicking linkA -should display image1 and whn clicking linkB image2 should be displayed. The trick is they must be displayed in one image tag.
View 1 Replies View RelatedFor the moment disregarding function thirdPic, I am able to click on "sample text" and I switch from an invisible image (actually 1 px by 1 px) with a picture of a book with a quote (firstPic) that I want to appear on screen. After reading the quote the reader can click on the image of the book and it will disappear. And it works fine. However, there are a couple of cases where I would like to show a lengthier quotation which would require me to click on the first book image(firstPic) and a second book image would appear with more text(thirdPic). I can get the second image to appear but I can't get it to disappear. Or I can get the first image to appear and get back to the empty screen but I want to do both.
Everything I've tried to do doesn't work. I DO NOT WANT TO HAVE BUTTON TO CLICK THROUGH A SLIDESHOW. It would not be the representation I want ot produce.
Javascript Code
----------------------------------
function firstPic()
{
document.getElementById('blankPic2').src="../images/pic657.gif";
[Code]....
there I am using the below code to resize images posted on a forum, however when the page is loading it loads the images full size on sreen stretching the page to however wide the largest picture is and only resizes them once every picture has loaded and the page then goes back to normal width.oes anyone know how I could make it so the images only display once they've resized ?
<script>
window.onload = resizeimg;
function resizeimg()
[code]....
Why this greybox isnt displaying my images? Click on the 'launch gallery' button at the bottom of the page: [URL]. I know all the paths are correct I just cant figure out why they wont display in the overlay!
View 2 Replies View RelatedI prefer jQuery over flash and not sure how to tackle this, so please advise as best you can. Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click.
I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way). The best example I can share is this: http://j.mp/5U79i1 What he is using is flash based (slideshowpro director and slideshow pro for flash). Not interested in flash for this personal project.
I need to display a set of images. NOT a slideshow that automatically changes, but a very simple display, one image at a time, that moves to next or previous by mouse click or arrow.
I can retrieve the set of filespecs in php with no problem. And I've got the setup in php to display the file, one at a time.
I"ve figured out how to open a full-screen window in javascript.
What I need (I started in php and they sent me over here for specific javascript info), is to put everything together...
1. I'd LIKE to automatically set the resolution on the system to 1024x768. I've been told html and javascript can't do that, so it'll have to be done by the user.
2. I figured out how to open a full-screen window in javascript.
3. What I need is to display the image from php and have it show up in the full-screen window I created. Then it just sits there until the user presses an arrow key (or hopefully something with the mouse) to go to the next (or previous) image. Back to php for the next file and display...
Once the last image in the set is displayed I'd like to have the window I created go away, sending me back to the screen from which all that got started...
So, as far as I know, the two things I need to know are how to display an image in a particular window from php. And, how to get mouse-clicks and/or arrow keys back to php so I can use them....
displaying images properly maintaining its aspect ratio?
My requirement:
===========
I have a table with single cell (means single row and column). I have to display image inside this cell. But when I do so using the below mentioned statement, the image expands and cover the entire cell area.
<table border=2 width= �600� height= �400�>
<tr>
<td> <img src= �MyPic.jpg�> </td>
</tr>
</table>
I will be loading different images inside the same cell, all having different height and width.
if you know how I can do it. I will be happier if you can paste the code here
Should I disable the right click option or not? I have a gallery site, I don't want people to be able to copy the images with the default right click over an image. From a professional looking site point of view I suppose I would be messing with the functionality a bit too much, OR is it OK in this instance to disable the click. I know how to write the code to disable the click, but what I was thinking was maybe it would be better to leave the right click but change the menu options? I'm not sure how to change the menu options ere is a link to the site. [URL]
View 12 Replies View RelatedI'm a php developer and have come across a mind boggling issue involving Javascript. I'm uploading images to a server without issue. They are being returned to the page in thumbnails.
The script works great but I can't get the links for the images that I've uploaded.
If I right click and view the image I can see the link on the server. How would I go about getting that link? If I look at the source code the link isn't present. Its a dynamically generated link for the uploaded image.
Being completely unfamiliar with Javascript
Here's the code I'm working with:
<input type="file" name="u" size="40" style="width:500px"/><br/>
</div>
<style type="text/css">
.flashUpload {width : 151px;}
</style>
[Code].....
Using Dreamweaver, I'm trying to implement code on my page so that the images refresh upon loading, and each image links to a different page.I'm also trying to have it so images will rotate on the page and link to other pages within my site.
View 7 Replies View RelatedThis script produces 5 random images and works lika a dream. Im trying to figure out how to create links for each of the five rotating images, so the link would also rotate and reflect the new image? Code:
View 6 Replies View RelatedSo what I am trying to do is make it so that every time the page is opened or refreshed we get a different image with the corresponding link. Of course I can't make this work.
I have the following code:
<script language="JavaScript">
var id = 3;
var ranimage = new Array();
var imagelinks= new Array();
[Code].....
I know I probably have to recode this, but is there a simple answer?
var ImageArr1 = new Array("images/sponsors/deanst.png","images/sponsors/vroom.png","images/sponsors/lfest.png","images/sponsors/beontrack.png");
var ImageHolder1 = document.getElementById('Rotating1');
var ImageArr2 = new Array("images/sponsors/paulmitchell.png","images/sponsors/sinnersaint.png","images/sponsors/pinksofa.png","images/sponsors
[Code].....
I've been looking everywhere for the answer to this problem- maybe your site and members is the one who can do it the random images are working as I want, EXCEPT, I want to make each one of these random images clickable to a url.It would be great if you knew. Also - if you know how to add a matching quote for each image right underneath it, that would be awesome, but having the clickable image is more important right now but I have not had any luck with matching up links and images in the 4 td cells.
View 3 Replies View RelatedI have coded my navigation bar so when you mouseover a button (about us- for example), it displays a sub menu using images below using a simple multiple image swap. When I mouseover another main button, the first ones are replaced with the new sub menu items-images.
All works fine, however, I cannot figure out a way to code into the existing script to assign and make hyperlinks associated with the sub menu buttons change as well. Here's my web page: [URL]
I have just the main nav button links contractor and freelancer activated right now. Here's the code below (using MM_swapImage):
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
[Code].....
I've been looking now for over a week on how create this [URL] effect when you hover over the ships on that page.
View 7 Replies View RelatedI have this script for putting up images at random, it works fine. I want to know how to put a link on each images, like if "image1.gif" is displayed, it links to "http://www.google.com", if "image2.gif" is displayed, it links to "hotmail.com", and so on. I attempted to figure out the problem myself, but the search was fruitless.
<script language="JavaScript">
<!--
function random_imglink(){
var myimages=new Array()
myimages[1]="image1.gif"
myimages[2]="image2.gif"
myimages[3]="image3.gif"
myimages[4]="image4.gif"
myimages[5]="image5.gif"
myimages[6]="image6.gif"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>
I have a random image JS that I need to add links to ( well, the same link but to all images) something I am doing is not working. I just need to add a link (asp/course_tool/default.asp) to each jpeg. Code:
View 2 Replies View RelatedI have a web page that contains a bunch of advertisements. What I need to do it randomly shuffle these images each time the page is refreshed. I cannot have any repeating ads.
View 5 Replies View RelatedI've been to many different site forums and have yet to have my questions answered completely maybe your site and members is the one who can do it.if you know how to add a matching quote for each image right underneath it, that would be awesome, but having the clickable image is more important right now.If its a new array, please show me exactly how it looks and where it goes in reference to this code if you'd be so kind.
View 3 Replies View RelatedI am retrieving data using AJAX requests then parsing the JSON response and dynamically generating the HTML markup. So far I have the following:
function retrievePeople(character) {
$.post('includes/getPeople.php', {char: character}, function(data) {
var count = data.count;
var markup = '';
var countDetails = '';
countDetails = (character == '#') ? count + " Listings Were Found." : count + " Listing(s) Beginning With The Letter '" + character + "'";
if(count == 0) markup = "No results were found.";
else {
markup = '<table class="resultsTable">';
markup += '<tr><td>Click on name to view additional information.</td><td> </td><td>' + countDetails + '</td><tr>';
for(var i = 0; i < count; i++) {
if(i % 2 == 0) {
markup += '<tr class="even">';
markup += '<td>' + data.people[i].FirstName + ' ' + data.people[i].LastName + '</td>';
markup += '<td>' + data.people[i].OccupationName + '</td>';
markup += '<td>' + data.people[i].Phone1 +'</td>';
markup += '</tr>';
} else {
markup += '<tr class="odd">';
markup += '<td>' + data.people[i].FirstName + ' ' + data.people[i].LastName + '</td>';
markup += '<td>' + data.people[i].OccupationName + '</td>';
markup += '<td>' + data.people[i].Phone1 +'</td>';
markup += '</tr>';
}}
markup += '</table>';
}
$("#allPeople").html(markup);
}, "json");}
I want to add the functionality of displaying an info card (which is basically going to be a dialog box) when the user clicks on the name of some person. I'm not sure how I could keep references of each person's data or how to traverse the data.people collection from inside the click handler. Do I need to hold the data inside hidden fields? Or can I send the data.people[i] as an argument of the click handler?
I found a jquery image slideshow script but the images have no links to them. When I manually add the links to the image urls, these work only in IE - when I click next, the picture updates and is linked to the correct URL. In other browsers (Firefox, Chrome..), the last url becomes the clickable link for all the images. I have tried to use the .wrap option and I'm sure I'm on the right track, except I have 4 images and I want it to go to 4 different urls.it sought of works, but only the first url is picked up and becomes the link for all the images.How can I get the link reference for the url to iterate with the original loop of the image?
View 2 Replies View RelatedI have a couple of divs as part of my gallery page, I was wondering how I can make the image that is loaded into the div be a link, so it can be clicked on, but a different link for each image. I want to click the main div on the right when it has been loaded with an image so it opens up the original image source in a new window.
View 2 Replies View Related