Søg
Avatar billede nisse00 Nybegynder
09. januar 2005 - 14:13 Der er 6 kommentarer og
1 løsning

Billedfremviser, "mouse over= show picture"

Hej!

Ok der er faktisk 2 spørgsmål ...
Først kig på denne model, som er en mindre opgave af det jeg vil ha lavet..http://dwango.planet-d.net/test.jpg

Hvordan får jeg det til, så når man holder musen over et af de små billeder, så kommer det store frem?
Og hvordan får jeg det til, så den viser de næste eller forige 3 billeder når man trykker på pilene. Uden at den reloader hele siden? Kunne forestille mig at det måske var noget java gejl?

Håber at få hjælp snarest muligt.
På forhånd tak,
Heino
Avatar billede steffansteffan Nybegynder
09. januar 2005 - 15:20 #1
Prøv og leg med den der:

<html>
<head>
<title>Kanuni&nbsp;Azur&nbsp;500 TKM - BilBasen.dk</title>

<script type="text/javascript" language="JavaScript" src="/includes/common.js"></script>

<script type="text/javascript" src="/includes/overlib.js" language="JavaScript"></script>
<script type="text/javascript" src="/includes/menu.js" language="JavaScript"></script>
<script type="text/javascript" src="/includes/vars.js" language="JavaScript"></script>
<script>
function fnSet(){
    var page = 'http://www.bilbasen.dk/';
    oHomePage.setHomePage(page);
    event.returnValue = false;
}

function VideoWin(id) {
    window.open('showvideo.asp?annonceid=' + id, 'Video', 'resizable=yes,scrollbars=yes,toolbar=no,location=no,directories=no,status=no,width=300,height=520');
}


function mapPopup(url){
    window.open(url, 'krak', 'resizable=´no,scrollbars=yes,toolbar=no,location=no,directories=no,status=no,width=660,height=520');
}

function SaveCar (AnnID) {
    window.open('/services/savecar.asp?type=A&carid=' + AnnID, 'SaveCar', 'resizable=no,scrollbars=no,toolbar=no,location=no,directories=no,status=no,width=152,height=180');
}

function SalgsOpstilling (id,area) {
    window.open('/caravan/salgsopstilling/test_for_pdf.asp?id=' + id + '&AdArea=' + area, 'SaveCar', 'resizable=no,scrollbars=yes,toolbar=yes,location=no,directories=no,status=no,width=675,height=550');
}

function SkiftBillede(navn,nr) {
var stort = document.images['stortbillede'].src;
var name = stort.substr(53);
    //document.images['stortbillede'].src = 'http://www.bilbasen.dk/images/bilinfo_billeder250/' + navn;
    document.images['stortbillede'].src = 'http://billeder.bilinfo.dk/billeder250/' + navn;
}

function SkiftBilledePrivate(navn,nr) {
var stort = document.images['stortbillede'].src;
var name = stort.substr(53);
    document.images['stortbillede'].src = 'http://billeder.bilbasen.dk/annoncer250/' + navn + '.jpg';
}

function SkiftBilledeMCB(navn,nr) {
var stort = document.images['stortbillede'].src;
var name = stort.substr(53);
    document.images['stortbillede'].src = navn;
}

function StortBilledeMCB() {
    document.images['stortbillede'].src = '' ;
}

function StortBillede() {
    //document.images['stortbillede'].src = 'http://www.bilbasen.dk/images/bilinfo_billeder250/472519.jpg' ;
    document.images['stortbillede'].src = 'http://billeder.bilinfo.dk/billeder250/472519.jpg' ;
}

function ShowStamData() {
    if (document.getElementById('stamdata_tom').innerHTML == '') {
        document.getElementById('stamdata_tom').innerHTML = document.getElementById('stamdata').innerHTML;
        document.getElementById('stamdata_link').innerHTML = 'Luk stamdata<span class="effekttegn_black">4</span>';
    } else {
        document.getElementById('stamdata_tom').innerHTML = '';
        document.getElementById('stamdata_link').innerHTML = 'Se flere stamdata<span class="effekttegn_black">4</span>';
    }
}
document.location.href

function DealerData(Dealer) {
    document.getElementById('DealerData').innerHTML = document.getElementById('DealerData' + Dealer).innerHTML;
    document.getElementById('DealerAut').innerHTML = document.getElementById('DealerAuth' + Dealer).innerHTML;
    document.anchors('kortlink').href = 'java script:mapPopup(\'kort.asp?forhnr=' + Dealer + '\');';
    document.anchors('rutelink').href = 'java script:mapPopup(\'rute.asp?forhnr=' + Dealer + '\');';
    if (Dealer == 2081) {
    } else {
        document.anchors('annoncelink').href = '/biler/forhandlere/dealer_cars.asp?id=' + Dealer;
    }
}

function ShowDiba(bil,aar,mdr,finspris,finstype,finsage){
    url = '/bannere/diba_popup/diba2.asp?camping=yes&maerke=' + bil +'&aar=' + aar + '&mdr=' + mdr +'&finspris=' + finspris + '&finstype=' + finstype + '&finsage=' + finsage + '&FromBB=1&Loantype=proc';
    //url = '/bannere/diba_popup/diba2.asp';
    window.open(url,'DIBA', 'resizable=no,scrollbars=yes,toolbar=no,location=no,directories=no,status=no,width=520,height=640');
}

function ShowDiba3(AnnId,mdr,finspris,finstype,finsage){
    url = '/bannere/diba_popup/dibacamping.asp?AdArea=2&id=' + AnnId + '&mdr=' + mdr +'&finspris=' + finspris + '&finstype=' + finstype + '&finsage=' + finsage + '&FromBB=1&Loantype=proc&ref=bb';
    window.open(url,'DIBA', 'resizable=no,scrollbars=yes,toolbar=no,location=no,directories=no,status=no,width=520,height=580');
}

function ShowDiba2(AnnId){
    url = '/bannere/diba_popup/diba_mail.asp?camping=yes&id=' + AnnId;
    window.open(url,'DIBA', 'resizable=no,scrollbars=yes,toolbar=no,location=no,directories=no,status=no,width=520,height=640');
}

</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
            <table width="250" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img name="lille1" src="http://billeder.bilbasen.dk/Annoncer60/536947.jpg" width="60" height="46" border="0" style="border-right: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('536947',1); return true;" OnMouseOut="window.status=''; return true;"></td>
                <td><img name="lille2" src="http://billeder.bilbasen.dk/Annoncer60/536947_1.jpg" width="60" height="46" border="0" style="border-right: 1px solid #B5E4FE; border-left: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('536947_1',2); return true;" OnMouseOut="window.status=''; return true;"></td>
                <td><img name="lille3" src="http://billeder.bilbasen.dk/Annoncer60/536947_2.jpg" width="60" height="46" border="0" style="border-right: 1px solid #B5E4FE; border-left: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('536947_2',3); return true;" OnMouseOut="window.status=''; return true;"></td>
                <td><img name="lille4" src="http://billeder.bilbasen.dk/Annoncer60/536947_3.jpg" width="60" height="46" border="0" style="border-left: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('536947_3',4); return true;" OnMouseOut="window.status=''; return true;"></td>
              </tr>
              <tr>
                <td colspan="7"><a href="/caravan/showcarbilleder.asp?id=472519&area=2&page=1" OnMouseOver="window.status='Se store billeder'; return true;" OnMouseOut="window.status=''; return true;">
                  <img name="stortbillede" src="http://billeder.bilbasen.dk/annoncer250/536947.jpg" width="250" border="0" alt="Klik på billedet for at se store billeder"></a></td>
              </tr>
            </table>
</body>
</html>
Avatar billede nisse00 Nybegynder
09. januar 2005 - 15:51 #2
Jeg kan godt få det til at virke når jeg indsætter koden i en html fil....
Men jeg fatter bjælde af de koder, så jeg ved ikke helt, hvordan jeg får det til at virke med mine egne billeder....
Og hvad med de filer der:

<script type="text/javascript" language="JavaScript" src="/includes/common.js"></script>
<script type="text/javascript" src="/includes/overlib.js" language="JavaScript"></script>
<script type="text/javascript" src="/includes/menu.js" language="JavaScript"></script>
<script type="text/javascript" src="/includes/vars.js" language="JavaScript"></script>

Er det nogen sjeg skal hente ned og smide op på min egen side??
Avatar billede steffansteffan Nybegynder
09. januar 2005 - 15:59 #3
Nej sry overså dem, de skal bare slettes.

For og få et andet billede ind udskrifter du bare :
src="http://billeder.bilbasen.dk/Annoncer60/536947_3.jpg"

til f.eks.

src="billede_af_mig.jpg"
Avatar billede nisse00 Nybegynder
09. januar 2005 - 16:08 #4
Okay .... Er der ikke mere der kan slettes?
For eks:
function SalgsOpstilling (id,area) {
    window.open('/caravan/salgsopstilling/test_for_pdf.asp?id=' + id + '&AdArea=' + area, 'SaveCar', 'resizable=no,scrollbars=yes,toolbar=yes,location=no,directories=no,status=no,width=675,height=550');

Det har da ikke meget med billeder at gøre?
Avatar billede steffansteffan Nybegynder
09. januar 2005 - 16:14 #5
Nu er jeg ikke super meget inde i javascripts, men prøv dig lidt frem med og slette det og se om det virker. Javascripts kan jo køre lokalt uden man skal have isntalleret noget, så det er jo nemt og teste.
Det er nemlig bare et scripts jeg fandt i et forum engang og gemte det.
Avatar billede nisse00 Nybegynder
09. januar 2005 - 16:58 #6
Så har jeg sgu fået det til at fungere... Alt koden er næsten væk! Her er hvad jeg er endt op med.. Og det virker fint!

<html>
<head>
<title>Din titel</title>


<script>
function SkiftBilledePrivate(navn,nr) {
var stort = document.images['stortbillede'].src;
var name = stort.substr(53);
    document.images['stortbillede'].src = 'http://www.url.på.dine.billeder/' + navn + '.jpg';
}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img name="lille1" src="thumbnail1.jpg" width="60" height="46" border="0" style="border-right: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('image01',1); return true;" OnMouseOut="window.status=''; return true;"></td>
                <td><img name="lille2" src="thumbnail1.jpg" width="60" height="46" border="0" style="border-right: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('image02',2); return true;" OnMouseOut="window.status=''; return true;"></td>
                <td><img name="lille3" src="thumbnail1.jpg" width="60" height="46" border="0" style="border-right: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('image03',3); return true;" OnMouseOut="window.status=''; return true;"></td>
                <td><img name="lille4" src="thumbnail1.jpg" width="60" height="46" border="0" style="border-right: 1px solid #B5E4FE" alt="Hold musen over det billede du vil se i større udgave" OnMouseOver="SkiftBilledePrivate('image04',4); return true;" OnMouseOut="window.status=''; return true;"></td>
              </tr>
              <tr>
                <td colspan="7">
                  <img name="stortbillede" src="http://www.url.til.start.billede.jpg" border="0"></a></td>
              </tr>
            </table>
</body>
</html>

Tak for hjælpen..
Heino
Avatar billede steffansteffan Nybegynder
09. januar 2005 - 17:10 #7
hehe okay, der akn man bare se, hehe :D
Men takker for point.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
I går 20:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
I går 18:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
11/0518:27 Mærkeligt ikon på proceslinjen Af ErikHg i Windows
White papers
Flere white papers »