Søg
Avatar billede ny89 Nybegynder
22. september 2011 - 16:19 Der er 21 kommentarer og
1 løsning

Php

Hej,

Jeg sidder og har lavet en tabel med en masse små billede. Tabellen er opdelt således, at øverst er der et stort billede og nedenunder små billeder. Når jeg trykker på en af de små billede, vil jeg have det vist som stort.

Nogen der kan hjælpe?

Jeg har skrevet følgende indtil videre:

<body>

<table border="1" cellpadding="5" cellspacing="5" width="70%">
<tr>
<th colspan="2"> <a href="Album.php?pic=?"> <img src="pic2.jpg" width="30%"></a>


</th>
</tr>
<tr>
<td><center>

<!--<a href="Album.php?pic=2"> <img src="pic2.jpg" width="30%"></a></center></td>-->
<?php
$p= '<img src="pic1.jpg" width="30%">';
    echo $p;
?>   


    <td><center><img src="pic2.jpg" width="30%"></center></td>
</tr>
<tr>
<td><center><img src="pic3.jpg" width="30%"></center></td><td><center><img src="pic4.jpg" width="30%"></center></td>
</tr>
<tr>
<td><center><img src="pic5.jpg" width="30%"></center></td><td><center><img src="pic6.jpg" width="30%"></center></td>
</tr>

</table>
</body>   


Kan ikke få en forbindelse fra det lille billede, til at blive vist som stort, øverst i tabellen.

På forhånd tak for hjælpen.
Avatar billede majbom Novice
22. september 2011 - 16:24 #1
du vil have det billede du klikker på vist som det store billede foroven?
Avatar billede ny89 Nybegynder
22. september 2011 - 16:26 #2
Ja, præcis. :)
Avatar billede majbom Novice
22. september 2011 - 16:32 #3
og det skal vel være dynamisk, så siden ikke skal hentes igen?
Avatar billede ny89 Nybegynder
22. september 2011 - 16:35 #4
Ja, så alt foregår på samme side.
Avatar billede majbom Novice
22. september 2011 - 16:39 #5 
<head>
<script type="text/javascript">
    function showPic(strSrc)
    {
        document.getElementById('largePic').src = strSrc;
    }
</script>
</head>
<body>

<table border="1" cellpadding="5" cellspacing="5" width="70%">
<tr>
<th colspan="2"> <a href="Album.php?pic=?"> <img id="large" src="pic2.jpg" width="30%"></a>


</th>
</tr>
<tr>
<td><center>

<!--<a href="Album.php?pic=2"> <img src="pic2.jpg" width="30%"></a></center></td>-->
<?php
$p= '<img src="pic1.jpg" width="30%">';
    echo $p;
?>   


    <td><center><img src="pic2.jpg" width="30%"></center></td>
</tr>
<tr>
<td><center><img src="pic3.jpg" width="30%" onclick="showPic(this.src)"></center></td><td><center><img src="pic4.jpg" width="30%"></center></td>
</tr>
<tr>
<td><center><img src="pic5.jpg" width="30%"></center></td><td><center><img src="pic6.jpg" width="30%"></center></td>
</tr>

</table>
</body>


skulle gøre det - du skal så bare kopiere onclick-koden til de andre billeder også.

og så sæt lige en style på dine td'er og fjern center-tagsne, de er oldtidslevn... :)
Avatar billede ny89 Nybegynder
22. september 2011 - 16:44 #6
Kan du hjælpe med uden javascript, så det bliver med php? :)
Avatar billede majbom Novice
22. september 2011 - 16:54 #7
ja, men så bliver siden hentet på ny hver gang - hvorfor må det ikke være med javascript?
Avatar billede ny89 Nybegynder
22. september 2011 - 18:09 #8
hvordan på ny hver gang?
For er i gang med at lære PHP :)
Avatar billede majbom Novice
22. september 2011 - 18:23 #9
jamen det svarer til at åbne en ny side - med javascript kan det gøres så billedet bare skifter med det samme...

javascript og php er 2 forskellige ting, som ikke kan bruges til det samme - det vil derfor være en god ting at lære begge :)
Avatar billede ny89 Nybegynder
22. september 2011 - 18:28 #10
Åbne en ny side ved hjælp af <a href=.... /> og <image src=""> inde i a-taget?  Kan billedet ikke skifte med det samme i php? :)
Avatar billede majbom Novice
22. september 2011 - 19:17 #11
nej - php er et serverside-sprog og bliver compileret og eksekveret på serveren inden det sendes til brugeren/browseren. så når det er sendt til brugeren kan man ikke gøre mere (uden brug af f.eks. javascript)

javascript er et clientside-sprog gob luver dermed afviklet på klienten/browseren når siden ER genereret og sendt til brugeren/browseren
Avatar billede ny89 Nybegynder
22. september 2011 - 19:20 #12
Okay, har du et foreslag ved brug af php?

Jeg vil desværre ikke bruge javascript.
Avatar billede ny89 Nybegynder
22. september 2011 - 19:31 #13
Jeg er ude i noget

<td>
<a href='..pic?<?php echo($_GET["pic?"]);?>'> <img src="pic1.jpg" width="30%"> <?php echo($_GET["pic?"]);?></a>
</td>


Men tror der er fejl ved href='..pic? og ved ikke om GET kan bruges her?
Avatar billede majbom Novice
22. september 2011 - 19:33 #14
ja, så skal du jo bare kalde samme side og have en variabel på url'en:

<a href="dinside.php?billede=billede1.jpg"><img src="billede1.jpg" alt=""></a>


ovenstående er de små billeder, hvor billede1.jpg selvfølgelig skal skiftes ud til navnene på de enkelte billeder.

i det store billede skal du så have:

<img src="<?php (isset($_GET['billede'])) ? $_GET['billede'] : 'billede1.jpg'; ?>" alt="">


her smider den variablen ind som sti til billedet og hvis den ikke er sat, henter den bare billede1.jpg
Avatar billede ny89 Nybegynder
22. september 2011 - 19:49 #15
Super, har skrevet det ind:

<tr>
<th colspan="2"> 
<img src="<?php (isset($_GET['pic'])) ? $_GET['pic']: 'pic1.jpg'; ?>" alt="">
</th>
</tr>
<tr>
<td><center><a href="Album4.php?pic=pic1.jpg"><img src="pic1.jpg" alt=""></a></center></td>
<td><center><a href="Album4.php?pic=pic2.jpg"><img src="pic2.jpg" alt=""></a></center></td>
</tr>

Men der sker ikke noget når jeg trykker på billedet. URL'en skiftes så snart jeg trykker på en af billederne, hvilket er meget fint :) Men det bliver ikke vist som stort ?
Avatar billede majbom Novice
22. september 2011 - 19:55 #16
sorry

<img src="<?php (isset($_GET['pic'])) ? $_GET['pic']: 'pic1.jpg'; ?>" alt="">


skal lige rettes til:

<img src="<?php echo (isset($_GET['pic'])) ? $_GET['pic']: 'pic1.jpg'; ?>" alt="">
Avatar billede ny89 Nybegynder
22. september 2011 - 19:58 #17
Tusind tak for hjælpen :) Så virkede det :) Send et svar, så får du point.
Avatar billede majbom Novice
22. september 2011 - 20:01 #18
selv tak!

undrer mig dog stadig over at du ikke vil benytte javascript :)
Avatar billede ny89 Nybegynder
22. september 2011 - 20:04 #19
Kender ikke til Java :) Endnu et nyt sprog, som jeg vil lære på et andet tidspunkt.

Men tak for hjælpen :)
Avatar billede majbom Novice
22. september 2011 - 20:28 #20
okay, men det var jo et relativt nemt sted at starte :) men fair nok, hvis du tager et sprog ad gangen er det det du gør.

men lige til info:

Java og javascript er to vidt forskellige ting som nok kun har J, a, v og a til fælles ;)
Avatar billede majbom Novice
22. september 2011 - 20:29 #21
og tak for point :)
Avatar billede ny89 Nybegynder
22. september 2011 - 20:49 #22
hehe ja, mente javascript :)

Selv tak.
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 PHP kategorien

Titel Indlæg Oprettet Seneste aktivitet
MS Graph vis kalenderaftaler Af dane022 i PHP 0 06/11/202508:43 -
Hente data fra DEVICE via websocket Af nemlig i PHP 6 25/06/202512:37 25/06/202519:17
Login og redirect Af hrole i PHP 3 24/06/202518:52 24/06/202523:37
Batflat CMS Af sabumnim i PHP 0 06/06/202512:37 -
Hvad gør et @ før en funktion Af KurtG i PHP 3 01/06/202513:20 01/06/202518: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 går 21:03 Forlænge ringetid Af 1Dorte i Apps til Android
17/0117:38 Video ikoner Af Malm i Windows
17/0117:27 Video ikoner Af logbuilders i Windows
16/0110:29 Negativ billeder på samsung Af ALICE i Småopgaver
15/0115:45 HJÆLP - Lopslag, Indeks? Hvad gør jeg! Af Eva i Excel
White papers
Flere white papers »