Avatar billede Boddicker Seniormester
14. maj 2018 - 01:11 Der er 3 kommentarer og
1 løsning

Simpelt billedkatalog-script

Jeg har ledt med lys og lygte efter et billed-script, der skal kunne vise et indeks af billeder, hvor man ved tryk på et af billederne bliver videresendt til en given url.

Så altså: En liste med billeder, hvor der ud for det enkelte billede er en beskrivelse. Trykker man på billedet bliver man videresendt.
Avatar billede expnet Seniormester
15. maj 2018 - 08:44 #1
<?php
$ImagesListe = array();

$ImagesListe[0]['Path'] = "spm/1023569/images/tv2.jpg";
$ImagesListe[0]['Description'] = "TV 2 er danskernes kilde til aktuelle nyheder, sport, vejr og underholdning.\nPå tv2.dk kan du også se TV 2s populære programmer og kanaler.";
$ImagesListe[0]['Url'] = "https://tv2.dk";

$ImagesListe[1]['Path'] = "spm/1023569/images/dr1.png";
$ImagesListe[1]['Description'] = "Alle programmer · DR1 · DR2 · DR3 · DR K · Ramasjang · Ultra · Drama · Dokumentar · Kultur · Livsstil · Natur & viden · Nyheder & aktualitet · Sport ...";
$ImagesListe[1]['Url'] = "https://dr1.dk";

$ImagesListe[2]['Path'] = "spm/1023569/images/google.png";
$ImagesListe[2]['Description'] = "Søg verdens information, herunder websider, billeder, videoer og meget mere.\nGoogle har mange specielle funktioner, der hjælper dig med at finde præcis hvad du leder efter ...";
$ImagesListe[2]['Url'] = "https://google.dk";
?>

<table class="table table-striped table-bordered">
    <tr>
        <th>Billede</th>
        <th>Beskrivelse</th>
    </tr>
    <?php
    foreach ($ImagesListe as $IL){
        echo '<tr>';
        echo '<td><a target="_blank" href="'.$IL['Url'].'"><img src="'.$IL['Path'].'" width="80"></a></td>';
        echo '<td>'.nl2br($IL['Description']).'</td>';
        echo '</tr>';
    }
    ?>
</table>
Avatar billede a3-seo.dk Ekspert
15. maj 2018 - 12:03 #2
Tror ikke du helt har forklaret rigtigt ...

Men som du beskriver det er det blot en liste med disse:

[caption id="attachment_(din-id-på billedet)" align="alignleft" width="150"]<a href="https://dit-link.dk/" target="_blank" rel="noopener"><img class="wp-image-(din-id-på billedet) size-thumbnail" title="din titel" src="https://dit-link-til-billedfilen.png" alt="din-alt-tekst" width="150" height="150" /></a> dine beskrivelser[/caption]

Se evt. kilde koden på https://a3-seo.dk/kunde-referencer/
Avatar billede a3-seo.dk Ekspert
15. maj 2018 - 12:04 #3
Bruger du WordPress?
Skulle du tage et kig på ThemePacific Tiled Galleries Carousel Without Jetpack!
Avatar billede a3-seo.dk Ekspert
15. maj 2018 - 12:05 #4
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