Learn VBA & Macros in 1 Week!

JavaScript - Merge Image Problem

Full Excel VBA Course - Beginner to Expert

Merge Image Problem	View Content

Hello all,

I have have been following this merge 'How to' he
http://www.astral-consultancy.co.uk/...doco.cgi?11530

which works fine. However, whatever I put below the script also ends up being merged. What do I have to enter to stop it doing that?

Code:

<html>
<head>
<style>
       #Slideshow1 img {height:312px; width:1000px}
</style>   
       <script type="text/javascript" src="images/slideshowmerge.js"></script>
</head>
<body>  
       <h1>Merging Slideshow</h1>
<script>

       var imgArray = new Array();
       imgArray[0] = "images/image1.jpg";
       imgArray[1] = "images/image2.jpg";
       imgArray[2] = "images/image3.jpg";

       slideshowMerge('Slideshow1','',imgArray,20,5000);
     
</script>

<br><br>
       <h1>WHY DOES THIS TEXT BECOMES PART OF THE MERGE?<h1>
</body>
</html>

Full Excel VBA Course - Beginner to Expert

Help With Array Merge

Similar Tutorials

View Content

not sure I understand the concept behind merging two arrays together. I know that I have to make a deep copy of each array before applying the function. I know that I have to create a temp value to store the information in the arrays while I insert, but not sure how to keep in numeric order. array 1 = [3, 7, 12, 15, 22, 45, 56] and array 2 = [1, 2, 5, 17, 20] What simple code could I start with to create this.

Possible To Merge These Commands?

Similar Tutorials

View Content

Is it possible to merge the following?

Code:

document.getElementById("dimensionstext").style.color = "silver";
document.getElementById("dimensionstext").style.cursor = "pointer";

So, perhaps something like:

Code:

document.getElementById("dimensionstext").style.color = "silver"; style.cursor = "pointer";

Merge 2 Arrays

Similar Tutorials

View Content

Hi,

I am trying to merge the values of 2 arrays.

array 1 = 1, 2, 3, 4, 5

array 2 = a, b, c, d, e

Resulting in:

array 3 = 1-a, 2-b, 3-c, 4-d, 5-e etc

both arrays that will be used originally will always of the same length. Both arrays will contain numbers

Can you please help?

Thanks

I Need Help To Resize And Merge Two Forum

Similar Tutorials

View Content

This is my second post in codingforums.com I found help from many members that make me very happy and I take the code from Amphiluke

Thanks for all

Now I need another help to make two things

First

I want to merge 2 forms in 1, so instead of following forms:

Code:

<form action="#" onsubmit="location.href='http://www.mysite.com/article/'+this.indx.value; return false;">
   <input name="indx" type="text" size="3" />
   <input name="btn" type="submit" value="Go" />
</form>
<form action="#" onsubmit="location.href='http://www.mysite.com/news/'+this.indx1.value; return false;">
   <input name="indx1" type="text" size="3" />
   <input name="btn" type="submit" value="Go" />
</form>

I need to make it one with two radio buttons to choose which URL you want to open (Article or News)

Second

I need this form to be in space size 160x57 so the result will be nearly as this pictu

Your help will be highly appreciated

Help With Simple Javascript 'merge' Script

Similar Tutorials

View Content

I'm trying to built a simple Javascript page that will serve the purpose of merging the values inputted into a form, and then using concatenation to merge these values in with other text to form several lines of commands that would be entered into a router to perform some task.

So in other words, it's just a "Merge" script.

I should mention that I'm just starting to learn Javascript. I actually haven't been finding Javascript as easy as I thought it would be to learn, and I think it's because there are several ways to do the same thing and I wouldn't be surprised if my problem is I'm using two different methods here...or just using the completely wrong method....

I've seen examples of using 'for' loops and arrays in forms, and I still can't get my head around that. If possible for now I just wish to call in the values and concatenate them, but maybe I do need a loop I don't know

Anyway, at this point, my only wish is to be able to get the script to concatenate the values, and then later I'll add the rest of the text it will merge in with and have it write to the page instead of the console.

So here is what I have right now. It only partially works (I'm only writing to the console in FireFox at the moment to debug while I test, so that is why you see console.log instead of document.write or whatever.

There are 4 fields in the form, and for example, if I enter in each field one word:

This
is
a
test

The ONLY result I get when submitting the form is the word "This". Then the form is cleared out of all values that were entered. I'd like it to grab all the values at once but that isn't happening.

Also, you'll notice I have some 'var' statements commented out. I was trying to use them so that I can later shortcut my script by concatenating using a shorter variable.

(ie - using the variable 'cluster' instead of 'document.forms.myForm.cluster.value' when I'm writing the rest of the script).

However something isn't right as no matter where I try putting the var statements I get errors that those variables are undefined. I even tried defining them at some point first with some random value but that didn't help either), so that's why I commented them out for now.

anyway, here is my feeble attempt at writing this script, any help or guidance would be much appreciated.

Code:

<!DOCTYPE html PUBLIC "-//WC3//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Router Subnet Commands</title>
</head>
<body bgcolor="#FFFFFF">	
<script language="Javascript" type="text/javascript">

//var cluster = document.forms.myForm.cluster.value;
//var subnetip = document.forms.myForm.subnetip.value;
//var routerip = document.forms.myForm.routerip.value;
//var cidr = document.forms.myForm.cidr.value;

function merge() {
console.log(document.forms.myForm.cluster.value) + console.log(document.forms.myForm.subnet.value) + console.log(document.forms.myForm.router.value) + console.log(document.forms.myForm.cidr.value);
}

</script>

<form id="myForm">
<input name="cluster" id="cluster"/> cluster number <p>
<input name="subnetip" id="subnetip"/> subnet IP address <p>
<input name="routerip" id="routerip"/> router IP address<p>
<input name="cidr" id="cidr"/> CIDR <p> 
<input type="submit" value="Get Commands" onclick="merge()" />
</form>

</body>
</html>

Any advice would be much appreciated.

Thanks
Nat

Gmail Mail Merge: Editing Script

Similar Tutorials

View Content

I'm trying to setup a mail merge using a gmail docs script from http://www.labnol.org/software/mail-...h-gmail/13289/. So far, it works pretty well, but I want to edit it to include the following:

1) The script should start with "Dear Noah" as opposed to "Dear Noah_Kaplan"

2) I want to add my canned response to the script so that it always appears at the bottom of the e-mail.

3) Lastly, I want the outgoing mail to be saved as individual drafts in my drafts folder in gmail before it's sent out. That way, I can decide if I want to add a sentence or two to personalize each individual email draft.

Thanks in advance for your awesome help.

Best,
Noah

By the way, here's the script I want to edit:

function onOpen() {
var mySheet = SpreadsheetApp.getActiveSpreadsheet();
var menuEntries = [ {name: "Step 1: Import Gmail Contacts", functionName: "importContacts"},
{name: "Step 2: Start Mail Merge", functionName: "sendEmail"},
{name: "Help / About", functionName: "showHelp"}];
mySheet.addMenu("Mail Merge", menuEntries);
}

function importContacts() {
var groupName = Browser.inputBox("Enter the name of your Gmail Contacts group he ");
var mySheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var myContacts = ContactsApp.findContactGroup(groupName).getContacts();
for (i=0; i < myContacts.length; i++) {
var myContact = [[myContacts[i].getFullName(), myContacts[i].getPrimaryEmail(), "Pending"]];
mySheet.getRange(i+2, 1,1,3).setValues(myContact);
}
Browser.msgBox("You have successfully imported " + myContacts.length + " contacts from Gmail. Please proceed to Step 3.");
}

function sendEmail() {

var mySheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var newLine = "<br><br>";

var emailSubject = mySheet.getRange("F2").getValue();
var emailSalutation = mySheet.getRange("F3").getValue();

var emailLine1 = mySheet.getRange("F4").getValue() + newLine;
var emailLine2 = mySheet.getRange("F5").getValue()?
mySheet.getRange("F5").getValue() + newLine : "";
var emailLine3 = mySheet.getRange("F6").getValue()?
mySheet.getRange("F6").getValue() + newLine : "";
var emailLine4 = mySheet.getRange("F7").getValue()?
mySheet.getRange("F7").getValue() + newLine : "";
var emailLine5 = mySheet.getRange("F8").getValue()?
mySheet.getRange("F8").getValue() + newLine : "";

var emailBody = emailLine1 + emailLine2 + emailLine3 + emailLine4 + emailLine5;

var emailSignature = mySheet.getRange("F9").getValue() + newLine;
var emailYourName = mySheet.getRange("F10").getValue();
emailBody = emailBody + emailSignature + emailYourName + "<br>";

var emailReplyTo = mySheet.getRange("F11").getValue();

var myContacts = mySheet.getDataRange();
var myContact = myContacts.getValues();
for (i=1; i < myContact.length; i++) {
var person = myContact[i];
if (person[1] != "" && person[2] != "OK") {
var emailMsg = emailSalutation + " " + person[0] + "," + newLine + emailBody;
var advancedArgs = {htmlBody:emailMsg, name:emailYourName, replyTo:emailReplyTo};
MailApp.sendEmail(person[1], emailSubject, emailMsg , advancedArgs);
mySheet.getRange(i+1,3).setValue("OK");
}
}
SpreadsheetApp.flush();
}

function showHelp() {
Browser.msgBox("With Mail Merge, you can send personalized email messages to your Gmail contacts in two easy steps. For help, visit http://labnol.org/?p=13289 or send me a tweet @labnol.");
}

Image.src Problem

Similar Tutorials

View Content

I'm have a little problem with this javascript. What the code is supposed to do is when the user clicks the radio button the placeholder image will switch according to which radio button is clicked. However, it doesn't seem to be working. Anyone know why?

Thanks.

Code:

<script type="text/javascript">

var watch1=new Image();
var watch2=new Image();
var watch3=new Image();

watch1.src="timex.jpg"
watch2.src="casio.jpg"
watch3.src="nike.jpg"

</script>

Code:

<body>

<input type="radio" name="watches" value="c" onchange="watch.src=watch1.src"/>Timex<br/>
<input type="radio" name="watches" value="f" onchange="watch.src=watch2.src"/>Casio<br/>
<input type="radio" name="watches" value="z" onchange="watch.src=watch3.src"/>Nike<br/><br/>

<img src="transparent.png" name="watch"/>

</body>

Rollover Image Problem

Similar Tutorials

View Content

I'm having an issue with the main logo in the navigation bar, each time I hover over it, it searches for the rollover image. I only want this javascript function to be activated over the div "navigation_menu"

here's the html code for the logo
<div id="nav">
<a href="index.php"> <img src="images/logo_05.jpg" alt="Home Page"/></a>
</div>

here's the javascript code that's causing the problems
window.onload = rolloverInit;

function rolloverInit() {
var nav = document.getElementById("navigation_menu");
for (var i=0; i<nav.images.length; i++) {
if (nav.images[i].parentNode.tagName == "A") {
setupRollover(nav.images[i]);
}
}
}

any help would be very appreciated

Problem In Image Gallery

Similar Tutorials

View Content

Hello Everyone, Sir i used setTimeout() function in my image gallery to scroll images , i used setTimeout("myfunction()",1) in my script.

Now my image gallery is working properly but problem is that the speed of scrolling images if normal in firefox, but in internet explorer it is slow, and in google chrome it is very fast , Sir how to resolve this problem

This is my javascript code :

Code:


<html>
<head><title> My Gallery </title>

<style type="text/css">

#mainimagecontainer {

position:relative;
width:600px;
height:400px;
border-width:1px;
border-color:#cccccc #aaaaaa #aaaaaa #cccccc;
border-style:solid;
padding:5px;

}

#imagebuttoncont {

width:100%;
position:relative;
border-bottom:1px solid #cccccc;
text-align:center;
height:40px;

}

#buttontable .td {

padding:3px;
position:relative;

}

#buttontable .td a {

text-decoration:none;
font-size:14px;
color:gray;
font-family:verdana;

}


#imagecontainer {


position:relative;
width:575px;
height:350px;
overflow:hidden;
background-color:#efefef;
border-width:1px;
border-color:#cccccc #aaaaaa #aaaaaa #cccccc;
border-style:solid;


}

#imgs {

height:350px;
position:relative;
left:0px;
top:0px;

}


</style>

<script type="text/javascript">

var previous1=0;
var next1=0;
var value=575;
var imgcounter=1;
var flag=1;

function next()
{

  var element = document.getElementById("imgs");


  if(next1 >value && flag==1)
  {

     value = next1+575;
     imgcounter=imgcounter+1;

     if(imgcounter==5)
     {
        previous();
     }
     return;
 
  }

  next1 = next1+25;

  element.style.left = "-"+next1+"px";

  setTimeout("next()",1);

}

function previous()
{

  var element = document.getElementById("imgs");

  if(next1 <= 0)
  {

     next1=0;
     value=575;
     imgcounter=1;
     return;
  }

  next1 = next1-25;

  element.style.left = "-"+next1+"px";

  setTimeout("previous()",1);

}


</script>



</head>

<body >


 <div id="mainimagecontainer" >

  <div id="imagebuttoncont">  

    <table id="buttontable" align="center">
    <tr>
    <td class="td"> <div id="link2"> <a href="#" onclick="next()" > next </a> </div></td>
    </tr>
    </table>
 
  </div>

  <center>

  <div id="imagecontainer"> 

   <div id="imgs">
   <table id="imagegall" >
   <tr>
   <td width="590px" height="350px" > <img src="img1.jpg" height="350px" width="590px" > </td>
   <td width="590px" height="350px" > <img src="img2.jpg" height="350px" width="590px" > </td>
   <td width="590px" height="350px" > <img src="img3.jpg" height="350px" width="590px" > </td>
   <td width="590px" height="350px" > <img src="img4.jpg" height="350px" width="590px" > </td>
   </tr>
   </table>
   <div id="imgs">

  </div>

  </center>
 </div>



</body>
</html>

Please some one help me , please add four photos to see image gallery

Image Button Problem

Similar Tutorials

View Content

Hey i have a map (belgium) with markers on it, when i press a marker an alert has to appear with some text but it just doesnt appear

I dont want to use javascript in my html

this is what i got atm,

html:

Code:

 <div class="mapdiv">
            <img class="map" src="images/Map.gif"/>
            <img type="image" id="markerJoly" src="images/dot.png"/>
            <img type="image"  id="markerDielis" src="images/dot.png"/>
            <img type="image"  id="markerRietje" src="images/dot.png"/>
            <img type="image"  id="markerClissen" src="images/dot.png"/>
        </div>

javascript:

Code:

addEventListener("load", Map, false);


function Map(event) {


    var knop1 = document.getElementById("markerJoly");
    if (knop1.onclick){
        AlertBox1();
    }

    function AlertBox1() {
        alert("1.")
    }

    function AlertBox2() {
        alert("2.")
    }

    function AlertBox3() {
        alert("3")
    }

    function AlertBox4() {
        alert("4")
    }

}

Alert doesnt show up, pls help

Thanks in advance

Image Onmouseover Problem

Similar Tutorials

View Content

this is my script

Quote:
<a href="javascript:void(0);" onmouseOver="hahaha()"> <img border="0" src="pink.gif" name="Mainpic" id="image"></a>
and this is the function

Quote:
function hahaha()
{
document.getElementById('image').src="blue.gif";

}
the problem is when i mouseover the image look like this

why is that?

help please! thanks

Popup Image Loading Problem

Similar Tutorials

View Content

Hi ,

Pls solve it

Javascript problem. I have a page called gallery.html in which we have photo albums.when u click on one of the photo albums opens up all images belongs to that album on same page ( javascript). when click on one of the images it has to open up in a popup ( including other images) which is happening but the probleem is that when u close popup and again click on same images popup is happening but images are not loading.

what might be the problem ..pls solve it .......its too urgent

thanks in advance

nagaraja kharvi

Problem With Roll-over Image Code

Similar Tutorials

View Content

Hi, I'm having a problem getting one of my image rollovers to work, what confuses me is that the other image works fine, I'm trying to get this to
work for an assignment

here's the javascript:
Code:

rollImage = new Array()
	
	for(i = 0; i < 12; i++){
		
		rollImage[i] = new Image(85,85);
	}
	

 
  rollImage[0].src = "images/narav2.jpg";
  rollImage[1].src = "images/narav3.jpg";
  rollImage[2].src = "images/sasuke-avatar-118.jpg";
  rollImage[3].src = "images/sasuke.jpg";
  
  

  function swapNar(img){       //this works fine
    document.nar11.src = rollImage[img].src;
    return true;
  }

  function returnNar(img){     //this function works fine as well
    document.nar11.src = rollImage[img].src; 
    return true;
  }

  function swapSas(img){                    //this function not working
	document.sasim.src = rollImage(img).src;
    return true;
  }
  
  function returnSas(img){                         //this function also not working
	document.sasim.src = rollImage(img).src;
    return true;
  }

Here's the HTML:

Code:

<tr>
 <td height="60">
 <img src="images/narav2.jpg" name="nar11" width="85" height="85" border="0" id="nar11"/> 
 </td>
    
 <td>
 
 <a href="naruto.html" onMouseover = "swapNar(1)" onMouseout = "returnNar(0)"> Naruto </a>

 </td>
</tr>

<!-- When I mouse over the above link the image rolls over as expected,
      the bottom link doesn't work as expected and I can't see what I'm
      doing wrong -->



<tr>
<td height="60">
<img src="images/sasuke-avatar-118.jpg" name="sasim" width="85" height="85" border="0" id="sasim"/>
</td>

<td>

<a href="sasuke.html" onMouseout= "swapSas(3)" onMouseover= "returnSas(2)"> Sasuke </a>

</td>


</tr>

I can't see what the problem is with the returnSas and swapSas functions,
I'm still a noob at this and would really appreciate some assistance,
thanks in advance

Ajax Image Refresh Problem

Similar Tutorials

View Content

All,

I am trying to create a page for a application that uses a technique where a page refresh is generated by an ajax call followed by an innerhtml replace on the main page div.

Unfortunately this strange way of refreshing pages is leading to an issue with an image I am trying to display. Every time it refreshes the images flashes off and then is redisplayed, there are other elements on the page( smaller images, text etc... ) and they do not seem to be affected.

The image is not large, only 23 k, but it is the only one affected. If I run the page on firefox I do not encounter this issue which makes me think that is a lovely IE feature that forces the image to be retrived from the server on every innerhtml replace instead of from the cache.

I am using IE8 to test this, any suggestions are greatly appreciated as I have been trying to fix this for a while.

Thanks,
N

Problem With Image Mouseover...simple Fix?

Similar Tutorials

View Content

Hi all,

Javascript is totally new to me and I am very frustrated. I have been trying to put together this ebay template and it's all set except I can't get my thumbnails to show the large image when you mouseover it! I believe my problem is that I don't have the <script type="text/javascript"> or <language=javascript> tag in the beginning of the template. Problem is im not sure if that's the prob or where to put it!! I tried putting it at the top and it made it so the whole template disappeared. I've tried putting it at various diff places and it messes the whole thing up. I'm lost! Please help! Here's the listing (sorry I would post just the part where there's an issue but I can't tell where that is! )

http://cgi.ebay.com/ws/eBayISAPI.dll...%3DI%26otn%3D2

Hey Guys, An Image Selector Problem Here (help!)

Similar Tutorials

View Content

its me again! and yeah i need some insight from you guys. i cant seem to get this code to work and i know my flaw is in my "bloat();" function. help me out?

Code:

<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns = "http://www.w3.org/1999/xhtml">
	<head>	
		<title>Test 4</title>
			<script type = "text/javascript">
				function preload(){
					images = new Array();
						images[0] = new Image();
							images[0].src = "image1.png";
						images[1] = new Image();
							images[1].src = "image2.gif";
						images[2] = new Image();
							images[2].src = "image3.png";
						images[3] = new Image();
							images[3].src = "image4.jpg";
						images[4] = new Image();
							images[4].src = "image5.gif";
				}
				function bloat(){
					if(document.getElementById("image1").onMouseOver === true){
						document.getElementById("main").src = "image1.png";}
					else if(document.getElementById("image2").onMouseOver === true){
						document.getElementById("main").src = "image2.gif";}
					else if(document.getElementById("image3").onMouseOver === true){	
						document.getElementById("main").src = "image3.png";}
					else if(document.getElementById("image4").onMouseOver === true){
						document.getElementById("main").src = "image4.jpg";}
					else(document.getElementById("image5").onMouseOver === true){
						document.getElementById("main").src = "image5.gif";}
				}

			</script>
	</head>
	<body onLoad = "preload();" bgcolor = "orange"><center>
			<img src = "bloat();" alt = "main" id = "main" height = "400" width = "450"><br /><br />
		<a href = "http://www.joystiq.com">
			<img src = "image1.png" alt = "image1" id = "image1" onMouseOver = "bloat();" height = "200" width = "225"></a>
		<a href = "http://www.engadget.com">
			<img src = "image2.gif" alt = "image2" id = "image2" onMouseOver = "bloat();" height = "200" width = "225"></a>
		<a href = "http://www.amazon.com">
			<img src = "image3.png" alt = "image3" id = "image3" onMouseOver = "bloat();" height = "200" width = "225"></a>
		<a href = "http://www.newegg.com">
			<img src = "image4.jpg" alt = "image4" id = "image4" onMouseOver = "bloat();" height = "200" width = "225"></a>
		<a href = "http://www.smc.edu">
			<img src = "image5.gif" alt = "image5" id = "image5" onMouseOver = "bloat();" height = "200" width = "225"></a>
	</center></body>
</html>

so essentially the way this should look is a list of five images tiled length wise. when you onMouseOver one it becomes a bigger image right above them. when you click the "thumbnails" as i'll call it, you get linked to a web page.

i got everything formatted right however i think there is an error with my function. any insight fellas? thanks!

Selection And Changing Image Problem

Similar Tutorials

View Content

I have problem ,the code cannot operate. I would like your opinion.The user must select in dropdown list having one display of image every time.Thanks
js code
Code:

var sel = document.getElementById("sw");
function f1(){
   var imgs = ['chart1.cgi', 'chart2.cgi', 'chart3.cgi', 'chart4.cgi'];
   var im = document.getElementById("pic");
   im.src = imgs[this.selectedIndex]; 
}

html code
Code:

<img id="pic" src="chart1.cgi" />

<select name="sw" id="sw" onchange = "f1()" >
   <option value="s1">what</option>
   <option value="s2">whatever 2</option>
   <option value="s3">whatever 3</option>
   <option value="s4">whatever 4</option>
</select>

Fading Image Slideshow Problem

Similar Tutorials

View Content

I have a jQuery Slideshow script that i'm using and it's all done in 6 lines.

Code:

 $(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){
      $('.fadein :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.fadein');}, 
      3000);
});
</script>

I'm having a problem centering it on my website and keeping the images behind each other every time a picture changes. The CSS uses absolute positioning to hide the images behind each other. The fadeIn part of the CSS uses relative positioning. The CSS for the fading image slideshow is at the end of the css.

Code:

.fadein { 
	  position:relative;
	  width:100%;
	  height:300px;
	  background-color:#000; 
	  overflow:hidden
}

.fadein img { 
	  position:relative;
	  left:300px;
	  width:auto;
	  text-align:center;
	  top:0px;
}

jonathaneiger.com

Problem Changing Div Background Image

Similar Tutorials

View Content

Hello all,

I want to set dynamically a div's background image when the page loads, so I have my code like so:

javascript code:

window.onload = init;

function init(){
$(document).ready(function(){
$('#button1').css('background', 'url(../imagenes/buttonNormal.jpg)');
$('#pg1').css('color', 'black');
$('#pg1').css('font-weight', 'normal');
});
}

My CSS stylesheet is like so:

#buttonsWrapper {
position:relative;
margin 50px 0px 0px 0px;
}

.buttons {
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
font-weight:bold;
color:#FFF;
}

#button1 { margin: 31px 0px 0px 0px; }
#button2 { margin: -43px 0px 0px 195px; }
#button3 { margin: -43px 0px 0px 390px; }
#button4 { margin: -43px 0px 0px 585px; }
#button5 { margin: -43px 0px 0px 780px; }

#button1, #button2, #button3, #button4, #button5 {
width:172px;
height:33px; /* 33px */
padding-top:10px;
text-align:center;
}

#button1:hover, #button2:hover, #button3:hover, #button4:hover, #button5:hover {
background-image:url(../imagenes/buttonNormal.jpg);
background-repeat:no-repeat;
background-position:top;
}

My HTML sourcecode is like so:

<div id="buttonsWrapper">
<div id="button1"><a href="#" id="pg1" class="buttons">link1</a></div>
<div id="button2"><a href="#" id="pg2" class="buttons">link2</a></div>
<div id="button3"><a href="#" id="pg3" class="buttons">link3</a></div>
<div id="button4"><a href="#" id="pg4" class="buttons">link4</a></div>
<div id="button5"><a href="#" id="pg5" class="buttons">link5</a></div>
</div>

The thing is that the background image that I'm calling (../imagenes/buttonNormal.jpg) is not loading for some reason... what am I doing wrong?

Thank you so much in advance...

Javascript Image Slideshow Little Problem

Similar Tutorials

View Content

Hi,

Im using the following javascript to cycle through 3 images on my website header.

http://www.dynamicdrive.com/dynamici...nslideshow.htm

However, I have put it in a div layer and it works fine, except in Internet explorer, if you load the page in a small window and then maximise, it moves out of position. Similarly if you open the page maximised, and then make the page smaller, it again moves out of position. My page layout is centered on the web page.

is there anyone who could help me?