The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Why won't my images work?, Please help :( I'm really stressing out.
alymarcotte
post Jul 29 2010, 02:53 PM
Post #1


Newbie
*

Group: Members
Posts: 11
Joined: 3-September 08
Member No.: 6,579
Why won't my images work here:
http://www.djcarchitect.com/portfolio/museums.html

the nav bar images work, but the main image isn't showing up.. i'm very confused and stressed about this. Thank you.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
 Reply to this topicStart new topic
Replies
alymarcotte
post Jul 29 2010, 03:41 PM
Post #2


Newbie
*

Group: Members
Posts: 11
Joined: 3-September 08
Member No.: 6,579
this is the source, and it's supposed to be behaving like this site: http://monc.se/kitchen/stew/gallery/

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="false">
<meta name="description" content="">
<meta name="keywords" content="">

<style media="screen,projection" type="text/css">

/* general styling for this example */
* { margin: 0; padding: 0; }
body { padding: 0px; }

/* begin gallery styling */
#jgal { list-style: none; width: 150px; height:337px; overflow:auto;}
#jgal li { opacity: .5; float: right; display: block; width: 50px; height: 50px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 6px; margin-bottom: 6px; }
#jgal li img { position: absolute; top: 0px; left: 160px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; width: 500px; height:337px; display: block; }
#gallery li { float: left; margin: 0 0px 0px 0; }

</style>
<!--[if lt IE 8]>
<style media="screen,projection" type="text/css">
#jgal li { filter: alpha(opacity=50); }
#jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
</style>
<![endif]-->
<script type="text/javascript">document.write("<style type='text/css'> #gallery { display: none; } </style>");</script>
<!--[if lt IE 6]><style media="screen,projection" type="text/css">#gallery { display: block; }</style><![endif]-->
<script type="text/javascript">
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return false;
if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
var li = document.getElementById('jgal').getElementsByTagName('li');
li[0].className = 'active';
for (i=0; i<li.length; i++) {
li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
li[i].style.backgroundRepeat = 'no-repeat';
li[i].title = li[i].getElementsByTagName('img')[0].alt;
gal.addEvent(li[i],'click',function() {
var im = document.getElementById('jgal').getElementsByTagName('li');
for (j=0; j<im.length; j++) {
im[j].className = '';
}
this.className = 'active';
});
}
},
addEvent : function(obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, false);
}
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent("on"+type, obj[type+fn]);
}
}
}

gal.addEvent(window,'load', function() {
gal.init();
});
</script>
</head>
<body>
<ul id="gallery">
<li><img src="../../images/Flash Photos/First Natios University of Canada/f1.jpg" width="506" height="337"></li>

<li><img src="../../images/Flash Photos/First Natios University of Canada/f2.jpg" width="506" height="337"></li>
<li><img src="../../images/Flash Photos/First Natios University of Canada/f3.jpg" width="506" height="337"></li>
<li><img src="../../images/Flash Photos/First Natios University of Canada/f4.jpg" width="506" height="337"></li>
<li><img src="../../images/Flash Photos/First Natios University of Canada/f5.jpg" width="506" height="337"></li>
<li><img src="../../images/Flash Photos/First Natios University of Canada/f6.jpg" width="506" height="337"></li>
<li><img src="../../images/Flash Photos/First Natios University of Canada/f7.jpg" width="506" height="337"></li>
<li><img src="../../images/Flash Photos/First Natios University of Canada/f8.jpg" width="506" height="337"></li>
</ul>
</body>
</html>

<body>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
alymarcotte   Why won't my images work?   Jul 29 2010, 02:53 PM
alymarcotte   this is the source, and it's supposed to be be...   Jul 29 2010, 03:41 PM
Darin McGrew   Interesting. With JavaScript disabled, FF and Oper...   Jul 29 2010, 03:47 PM
alymarcotte   thank you for your reply.would any of these errors...   Jul 29 2010, 03:59 PM
alymarcotte   ok if i swap out the first part of the html of the...   Jul 29 2010, 04:02 PM
Darin McGrew   One way to narrow down a problem like this is to s...   Jul 29 2010, 04:30 PM
alymarcotte   Thanks for all of the help. I surprisingly identif...   Jul 29 2010, 04:34 PM
Darin McGrew   Something went wrong with your upload. The server ...   Jul 29 2010, 07:44 PM

« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd April 2024 - 01:14 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC