Alla Webdesigare, Hjälp mig med min hemsida :)

Tjenare nu är det så att jag behöver lite hjälp med att göra min website.
Denna gör jag som slutprojekt i 3:an åt 2 st polare som jobbar med Proffsfotografiering arbete, Jag har inte haft Webbdesigns kursen heller så jag är utan en noob så att säga.(IT kommunikation, Datasäkerhet & Elektonik)

Program jag använder mig utav:
Adobe Dreamweaver
-Html document såklart!
-Java scripts

Det jag först och främs vill ha hjälp med är en framsida till webben, längst upp så ska hemsidans namn stå... men det är inte det viktiga utan jag vill ha som beskrivet på bilden nedan, 2 stora thumbnails, på dem ska det finnas 2 bilder på vardera fotograf, när man klickar på dem ska man komma till deras personliga sida.

Sidoexempel:
www.inet.se
www.microstore.se

fast här har dem "Webbbutikpriser" och "Butikspriser", dessa länkar till 2 nästan likadana websidor med lite småförändringar.

hoppas förklaringarna hjälpte

Program jag använder mig utav:
Adobe Dreamweaver
-Html document såklart!
Java scripts

aha tack, skulle inte du kunna hitta någon för jag vet inte vad det heter :(, är Jquery ett program eller vad ? jag vet att det är antinget ett java eller css-script, för att vara helt ärlig, så vet jag bara liite grundjava, else or if och while, fast det har jag helt glömt nästan

därför jag behöver lite hjälp för att fräscha upp minnena, och juste glömde tillägga, jag kommer att köra med Dreamweaver, HTML såklart...hmm nåt mer som jag borde tilägga är att, skulle vart roligare med färdiga javascripts
För mig spelar det inte så värst roll bara det bli snyggt och praktiskt !

kan någon hjälpa mig hitta en fungerande XML Flash Slideshow v3 torrent??
på många utav dem jag hittar står det:
Fel:det går inte att hitta sökvägen.
Det finns en flashfinktion där som jag hittade, jag höll på ett skissa på ett pappaer, pch vips dagen efter så hittade brushan det åt mig men funkar inte o ladda ner :@

tackar tackar, hjälp underskattas !

tackar tackar för hjälpen !

men ni har dock inte berättat om det finns ett färdigt javascript till bilderna!

Jag vill använda mig utav Phatfusion: IMAGE MENU 2.2
http://www.phatfusion.net/imagemenu/

kan man ta bort den där funktionen att den bilderna öppnas/förstoras när man drar muspekaren över dem ???
Och hur gör jag för att endast visa 2 bilder ?

hade varit asbra för då kan man bara ändra height och width, fixa in bilderna sen är det ju i stor sätt klart med den delen....and more to come

jo jag vet skulle kunnat göra så men jag vill ha något lite mer avancerat
jag har kommit med en liten lösning, ska visa dej(postar längst ner)

css:
.menubox {
    display:inline-block;
}

html:
<a href="#"><img src="bild1.jpg" alt="" class="menubox" /></a>
<a href="#"><img src="bild2.jpg" alt="" class="menubox" /></a>

jojo det såg helt skapligt ut :), men som sagt det ska vara mer avancera, lite mer profficionellt.

jag vill att det ska ha lite colla funtioner lixom, jojo förstår dig helt men detta är ju dem kraven jag är ute efter serru :P, här kommer mitt arbete hittils.

CSS:
/**************************************************************

Image Menu
v 2.2

**************************************************************/

#imageMenu {
position: relative;
width: 10000px;
height: 320px;
overflow: hidden;
}

#imageMenu ul {
list-style: none;
margin: 0px;
display: block;
height: 200px;
width: 1000px;

}

#imageMenu ul li {
float: left;
}

#imageMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:300px;
height: 200px;
}

#imageMenu ul li.people a {
background: url(images/peaolpe.gif) repeat scroll 0%;
width:200px;
height:313px;
}

#imageMenu ul li.nature a {
background: url(images/nature.jpg) repeat scroll 0%;
width:400px;
height:313px;
}

#imageMenu ul li.abstract a {
background: url(images/abstract.jpg) repeat scroll 0%;
width:400px;
height:313px;
}

.clear {
clear: both;
}

/*************************************************************/

HTML:
/**************************************************************

Script : Image Menu
Version : 2.2
Authors : Samuel Birch
Desc :
Licence : Open Source MIT Licence

**************************************************************/

var ImageMenu = new Class({

getOptions: function(){
return {
onOpen: false,
onClose: Class.empty,
openWidth: 200,
transition: Fx.Transitions.quadOut,
duration: 400,
open: null,
border: 0
};
},

initialize: function(elements, options){
this.setOptions(this.getOptions(), options);

this.elements = $$(elements);

this.widths = {};
this.widths.closed = this.elements[0].getStyle('width').toInt();
this.widths.openSelected = this.options.openWidth;
this.widths.openOthers = Math.round(((this.widths.closed*this.elements.length) - (this.widths.openSelected+this.options.border)) / (this.elements.length-1))

this.fx = new Fx.Elements(this.elements, {wait: false, duration: this.options.duration, transition: this.options.transition});

this.elements.each(function(el,i){
el.addEvent('mouseenter', function(e){
new Event(e).stop();
this.reset(i);

}.bind(this));

el.addEvent('mouseleave', function(e){
new Event(e).stop();
this.reset(this.options.open);

}.bind(this));

var obj = this;

el.addEvent('click', function(e){

if(obj.options.onOpen){
new Event(e).stop();
if(obj.options.open == i){
obj.options.open = null;
obj.options.onClose(this.href, i);
}else{
obj.options.open = i;
obj.options.onOpen(this.href, i);
}

}

})

}.bind(this));

if(this.options.open){
if($type(this.options.open) == 'number'){
this.reset(this.options.open);
}else{
this.elements.each(function(el,i){
if(el.id == this.options.open){
this.reset(i);
}
},this);
}
}

},

reset: function(num){
if($type(num) == 'number'){
var width = this.widths.openOthers;
if(num+1 == this.elements.length){
width += this.options.border;
}
}else{
var width = this.widths.closed;
}

var obj = {};
this.elements.each(function(el,i){
var w = width;
if(i == this.elements.length-1){
w = width+5
}
obj[i] = {'width': w};
}.bind(this));

if($type(num) == 'number'){
obj[num] = {'width': this.widths.openSelected};
}

this.fx.start(obj);
}

});

ImageMenu.implement(new Options);
ImageMenu.implement(new Events);

/*************************************************************/

jag vet, jag har lite justeringar kvar med bilderna, dem expanderar för lite at the moment men det ska fixas
vad tycker du ?

ehehe jodå :), men hur tyckte du att det såg ut ?