Avatar billede undertakers Nybegynder
13. februar 2003 - 10:44 Der er 14 kommentarer og
1 løsning

Link til stort billede

Er der en der kan hjælpe mig med at lave et link fra dette billede, som bliver vist når musen kører ovet et thumbnail, til et nyt vindue hvor originalen skal vises?

<img  Name="hovedebillede" alt=""  border="0" align="middle" valign="center">

Dette er scriptet der viser thumbnails og hovedebilledet i tabellen

<%
' Billeder sættes på siden
forste = 0
pegepind = (intpage -1) * 4
sidste = pegepind + 4
do while pegepind < sidste and pegepind < intfile
    Response.Write("<TD><img src=""upload/" & mappe & "/thumbnails/" & billeder(pegepind) & """ OnMouseOver=""document.images['hovedebillede'].src = 'upload/" & mappe & "/images/"&  billeder(pegepind) &"'""""></TD>")
    if forste = 0 then
        Response.write "<script>document.images['hovedebillede'].src = 'upload/" & mappe & "/images/"&  billeder(pegepind) &"'</script>"
        forste = forste + 1   
    end if
    pegepind = pegepind + 1
loop
%>

Ellers kan i kigge på http://test.inet.dk/lukket/billeder/billederVis.asp?mappe=Test
Avatar billede horsmark Nybegynder
13. februar 2003 - 16:34 #1
vil du have et lille direkte link under hver thumb eller... jeg er lidt forvirret :-)
Avatar billede horsmark Nybegynder
13. februar 2003 - 16:35 #2
Eller et link oppe under det "store" thumb. Er helt væk *GGG*
Avatar billede undertakers Nybegynder
14. februar 2003 - 08:09 #3
Jeg får vist de 4 thumbs nederst og en større udgave af det aktive billede ovenover. Jeg vil så have et link til det originale billede, når jeg klikker på det "store thumb".
Avatar billede horsmark Nybegynder
14. februar 2003 - 08:37 #4
oki hovedebilledet skal have en onClick funktion så når brugeren trykker på billedet starter en javascriptfunktion der kalder en ny side med det valgte store billede.

i headeren:
<head>
<script language"javascript">
var hovedebillede_link;
function hovedebillede_show(){
  location.href = "/min-sti-til-billedemappen/" + hovedebillede_link;
}
</script>
</head>
I hovedebilledetlinien:
<img  Name="hovedebillede" style="cursor:hand;" alt="" onClick="hovedebillede_show();" border="0" align="middle" valign="center">


Og de nederste thumbs:
OnMouseOver="document.images['hovedebillede'].src = 'upload/Test/images/tx13bkgd.jpg';hovedebillede_link='min-hovedebillede-stort.jpg'"
Avatar billede undertakers Nybegynder
14. februar 2003 - 10:49 #5
Kan ikke lige få det til at virke.

Altså, jeg kører musen over et thumbnail og det bliver vist i en større udgave fra en anden mappe. Når jeg så klikker på det aktive større billede, skal der åbnes en ny side hvor en endnu større original udgave af billedet skal vises.
Det originale billede ligger i en 3. mappe

Håber du har tålmodighed med mig
Avatar billede horsmark Nybegynder
14. februar 2003 - 11:06 #6
Det er lige netop hvad ovenstående gør... jeg har selv checket det :-)
Avatar billede horsmark Nybegynder
14. februar 2003 - 11:09 #7
smid lige din email og jeg sender dig det der virker
Avatar billede undertakers Nybegynder
14. februar 2003 - 11:17 #8
Du får lige hele koden.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<script>
function send(valg){
    document.parameter.valg.value = valg
    document.parameter.submit();
}   
</script>
<html>
<head>
    <title>Billeder</title>
</head>
<DIV align="center">
<body link="black" vlink="black" alink="black">
<%   
    ' mapper er navnnet på den mappe hvor de valgte billeder ligger,
    ' den bliver valgt i oversig.asp.
    mappe = request("mappe")
    if mappe = "" then
        mappe = Session("mappe")
    else
        Session("mappe") = mappe
    end if
   
    ' Her finder vi ud af om der er dannet et array af billeder, hvis det er tilfældet bruges det,
    ' ellers laves der et array af billederne i den valgte mappe.
    if isarray(Session("billeder")) then
          if ubound (Session("billeder")) > 0 then
            billeder = session("billeder")   
        end if
    else
        Set FSO = CreateObject("Scripting.FileSystemObject")
        Set Folder = FSO.GetFolder("e:\www\inet\download\test\lukket\billeder\upload\" & mappe & "\thumbnails\")

        Set FolderFiles = Folder.Files
               
        dim filListe
        i = 0
        For Each File In FolderFiles
            If inStr(LCase(File),".jpg") or inStr(LCase(File),".gif") Then
                filListe = filListe & "," & file.name
                i = i + 1
            end if
        next
       
        filListe = right(filListe,len(filListe)-1)
        billeder = split(filListe,",")
       
        session("billeder") = billeder
        session("antalfiler") = ubound(billeder)+1
    end if
       
    intfile = session("antalfiler")   
    ' Her kontrolleres om der er valgt et side skift, enten frem eller tilbage
    select case Request("valg")
   
    case  "frem"
        intpage = Request("frem")
       
    case "tilbage"
        intpage = Request("tilbage")
       
    case else
        intPage = 1
    end select

    ' Her initialiseres værdierne for et evt side skift.
    tilbage = 0
    frem = 0
    if intpage = 1 then 
        tilbage = round((intfile/4)+0.4)
    else 
        tilbage = intpage - 1
    end if
   
    if intpage*4 => intfile then
        frem = 1
    else
        frem = intpage + 1
    end if       
%>   
<table width="75%" height="322" border="0">
    <tr>
        <td height="20" colspan="4"><div align="left"><a href="oversigt.asp">Tilbage til oversigten</a>&nbsp;&nbsp;<a href="default.htm">Tilbage til billede forsiden</a>    </div></td>
        <td height="20" colspan="2"><div align="right"><font color="black" face="Arial, Helvetica, sans-serif">side <%=intpage %> af <%= round((intfile/4)+0.4) %> </font></div></td> 
    </tr>
    <tr>       
        <td height="201" colspan="6" align="center" valign="middle"><img  Name="hovedebillede" alt=""  border="0" align="middle" valign="center"></td>
      </tr>
      <tr>        
        <td height="101"><img src="Komponenter/TilbagePil.gif" alt="" name="Tilbage" width="57" height="99" border="0" usemap="#TilbageMap" onMouseOver="this.src = 'Komponenter/TilbagePilPeg.gif'" onMouseOut="this.src = 'Komponenter/TilbagePil.gif'"></td>
<%
' Billeder sættes på siden
forste = 0
pegepind = (intpage -1) * 4
sidste = pegepind + 4
do while pegepind < sidste and pegepind < intfile
    Response.Write("<TD><img src=""upload/" & mappe & "/thumbnails/" & billeder(pegepind) & """ OnMouseOver=""document.images['hovedebillede'].src = 'upload/" & mappe & "/images/"&  billeder(pegepind) &"'""""></TD>")
    if forste = 0 then
        Response.write "<script>document.images['hovedebillede'].src = 'upload/" & mappe & "/images/"&  billeder(pegepind) &"'</script>"
        forste = forste + 1   
    end if
    pegepind = pegepind + 1
loop
%>
      <td> <img src="Komponenter/NaestePil.gif" alt="" name="naeste" width="57" height="99" border="0" usemap="#naesteMap" onMouseOver="this.src = 'Komponenter/naestePilPeg.gif'" onMouseOut="this.src = 'Komponenter/naestePil.gif'"></td>   
  </tr>
</table>
<form action="Billedervis.asp" name="parameter">
    <input type="hidden" name="frem" value="<%= frem%>">
    <input type="hidden" name="tilbage" value="<%= tilbage%>">
    <input type="hidden" name="valg" value="">
</form>
<map name="naesteMap">
  <area shape="poly" coords="9,20,47,45,47,50,14,76,9,71" href="java script:onclick=send('frem')" alt="klik for at se de n&aelig;ste 4 billeder"">
</map>
<map name="TilbageMap">
  <area shape="poly" coords="45,22,43,72,8,51,11,45" href="java script:onclick=send('tilbage')"  alt="klik for at se de forrige 4 billeder">
</map>
</body>
</html>

Min mail: undertakers_2000@yahoo.dk
Avatar billede horsmark Nybegynder
14. februar 2003 - 11:19 #9
email sendt og husk hvordan du får det flettet ind i asp´en er en anden sag :-)
Avatar billede undertakers Nybegynder
14. februar 2003 - 11:31 #10
kigger lige på det
Avatar billede horsmark Nybegynder
14. februar 2003 - 11:37 #11
oki
Avatar billede undertakers Nybegynder
14. februar 2003 - 12:11 #12
Så fik jeg det endelig til at virke.

Tusind tak for hjælpen
Avatar billede horsmark Nybegynder
14. februar 2003 - 12:21 #13
u r welcome & anytime ;-)

ps. Det ville gøre din kode ekstremt meget mere gennemskueligt hvis du kalder javascript funktioner i headeren istedet for at udføre dem direkte sådan her:

Du bruger:
<img onClick="document.image['blabla'].src = "/uploadblababablabla/asdjk/asd.jpg;">

Du burde:
<head>
function changepic(imgobj){
  ...dine kodelinier...
  document.hovedbillede.src = imgobj.src;
  ...dine kodelinier...
}
</head>

<img onClick="changepic(this);">

;-) Nemmere at rette i... nemmere at gennemskue hvis du om 10 uger skal lave en rettelse i din egen kode
Avatar billede undertakers Nybegynder
14. februar 2003 - 12:40 #14
Jepper. Ved det godt, men jeg havde ikke lige tid til at rette det.

Endnu engang tak
Avatar billede horsmark Nybegynder
14. februar 2003 - 12:41 #15
:-)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester