Forum Mjukvara Programmering och digitalt skapande Tråd

HTML, ladda bild med en next knapp.

1
Skriv svar
Permalänk
Medlem
●

HTML, ladda bild med en next knapp.

Så jag har precis börjat att försöka göra en webbsida. Med hjälp av W3Schools jag fick sidan fungerar ganska bra, men jag träffade en vägspärr 3 dagar sedan som jag inte kan fixa.

Jag har ett Python-skript som styr en webbkamera som tar bilder och namnge dem med det aktuella datumet och tiden och spara den i en mapp. Nu försöker jag att få den senaste bilden på första sidan och med hjälp av en next/prev knapp samt nummber att navigera mellan bilderna. Jag har gjort next/prev och numerärerna men behöver en href att läsa och ladda den senaste bilden först.

Hittills har jag fått

<body class="left-sidebar">
	<div id="wrapper">
		<div id="content">
			<div id="content-inner">						
				<div class="pager">
					<div class="pages">
						<a href="#" class="active">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
						<span>…</span>
						<a href="#">20</a>
					</div>
				<a href="#" class="button next">Next Page</a>
		             </div>					
		        <article class="is-post is-post-excerpt">
		</article>
	</div>
</div>

Men behöver ett sätt att läsa den senaste bilden först och att få next/prev/nummer att fungera. Någon som vet ett bra sätt?

Redigera
Citera flera Citera
Permalänk
Medlem
●

Lättaste sättet är att lösa next/prev fixar du med jQuery(Javascript).

För att scanna en mapp efter senaste bilden så behöver du ett serverside script, som php.

Visa signatur

i5 3570k 4,5Ghz, ASUS GeForce GTX 670 1200Mhz
Projekt M4INSTR3AM

Söker du en bra TS3 server? Besök då tråden: Chippi.se TS3 [Online 24/7]
Privata kanaler kan fixas i PM eller på TS.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Chipp!:

Lättaste sättet är att lösa next/prev fixar du med jQuery(Javascript).

För att scanna en mapp efter senaste bilden så behöver du ett serverside script, som php.

Gå till inlägget

Med ganska mycket läsande i manualen och sökande så kunde jag skriva

<?php
    $images = glob('*.{gif,png,jpg,jpeg}', GLOB_BRACE);
    $num_of_files = 1; //number of images to display
    foreach($images as $image)
    {
         $num_of_files--;
         if($num_of_files > -1) 
           echo "<b>".$image."</b><br>Created on ".date('D, d M y H:i:s', filemtime($image)) ."<br><img src="."'".$image."'"."><br><br>" ;
         else
           break;
    }
?>

Fast den letar bara i rot mappen och jag vill att den ska söka i /picture/ mappen. Jag försökte med scandir och chdir, men fick det aldrig att fungera. Något tips om hur jag kan söka i mappen?

Samt så har jag aldrig skrivit i jQuery, går det inte i html eller php?

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Du kan inte skapa dynamiska sidor med HTML eller PHP. Det du skulle kunna göra är att med php läsa igenom mappen, skriva alla bilderna ovanpå varandra fast gömda, och sedan med ett javascript växla mellan dem.

Dessutom vill nog koden vara något i denna stilen:

foreach($images as $image)
    {
        print('<br><img src="$image">');
    }

Ungefär

Redigera
Citera flera Citera
Permalänk
Entusiast
●

jQuerys .load() kan du nog ha nytta av. Så får du fixa något sätt att ladda den senaste bilden.

Och om du kan något kodspråk alls så borde inte jQuery vara något problem, det är superföenklat JavaScript

Visa signatur

Mörkt tema till sweclockers | Taklampa med socket 1155

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon81912:

Du kan inte skapa dynamiska sidor med HTML eller PHP. Det du skulle kunna göra är att med php läsa igenom mappen, skriva alla bilderna ovanpå varandra fast gömda, och sedan med ett javascript växla mellan dem.

Dessutom vill nog koden vara något i denna stilen:

foreach($images as $image)
    {
        print('<br><img src="$image">');
    }

Ungefär

Gå till inlägget

Får läsa lite på jQuery då. Fast koden funkar ganska bra, visar filnamn och när den skapades, samt så laddar den bara den senaste,och jag kan ändra om det ska vara fler eller bara en som ska laddas. Men jag kan ju inte köra PHP skriptet i en mapp utan den körs i rot mappen, och jag tycker att det borde finnas ett sätt att få det att fungera i en annan mapp.

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Du får ju peka till mappen själv, det finns många sätt att lösa problemet. Anatingen med absolut pathing eller på annat sätt.

det jag ville förklara med koden är att i en foreach så behöver du inte hålla koll på index själv, men det var kanske inte det du försökte göra heller?

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara