Jump to content
eporsche

dynamiske rubrikker

Recommended Posts

Jeg lurer på om det er noen måte å lage dynamiske rubrikker på min frontpage. slik at de 20 nyeste bildene kommer opp som rubrikker hvor det er tatt snapshot av hovedbildet. 

Jeg ønsker gjerne at noen her demonstrerer et eksempel. 

 

Jeg trenger: 

 

en metode å søke i en mappe hvor nye bilder fortløpende legges til og legge desse til variabler for så å injisere disse inn i html eller css mølla.  

 

Vær så snill å hjelp en noobie :( 

sitter bom fast her etter timer med google søk. 

 

 

akhome.html

aka.css

Share this post


Link to post

Du må ha ett eller annet serversidespråk (f.eks PHP, Java, nodeJS) for å gjøre det.

 

Rekkefølge:

1) hente info om alle filer i en mappe

2) sortere på dato

3) printe dette i HTML (enklest) eller JavaScript (mer avansert).

Share this post


Link to post
Annonse

Kan slenge sammen et kjapt eksempel i HTML og PHP :-)

 

fil: index.php

<html>
<body>
<h1>Alle bilder:</h1>
<?php
foreach (glob("pix/*.jpg") as $filename) {
    echo $filename . '<br>';
}
?>
<h1>Siste 5 bilder:</h1>
<?php
// F  rst lage ett array for    holde oversikt over alle filene
$a = array();
foreach (glob("pix/*.jpg") as $filename) {
    $a[filemtime($filename)] = $filename;
}
krsort($a);
foreach(array_slice($a, 0, 5, true) as $key => $value){
    echo $value . ' (last modified ' . date('c', $key) . ')<br>';
}
?>
</body>

Blir seende sånn ut: https://i.imgur.com/yET2cZz.png

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...