Gå til innhold

Bytte bilde med knapp


Anbefalte innlegg

Hei, denne tråden hører kanskje hjemme i javascript men jeg prøver her. Jeg planlegger å lage en hjemmeside som automatisk oppdaterer seg ved hjelp av et Perl-script som viser bilder som blir uploadet på en FTP-server, men nok om det..

 

Mitt problem er at jeg vil veldig gjerne lage siden slik at jeg har bilde nr1 på toppen av siden med 2 knapper ved siden av slik at man kan browse bildene fram og tilbake.

 

Og videre ned på siden er små thumbnails av bildene (dette er jo lett, men det er bare slik at dere kan forstå hvordan jeg tenker meg siden)

 

Det jeg da lurer på er hvordan jeg skal få dette til å virke med browsingen av bildene enklest? Tenkte meg kanskje et script på en eller annen måte som kan bytte ut bilde navnet i koden som viser bildet (har ikke lyst på frames med x-antall sider for x-antall bilder), spiller ingen rolle om det er html, javascript eller php...

 

Takk for all hjelp som kommer

Lenke til kommentar
Videoannonse
Annonse

<?php
echo '<a href="screens/'  . $_GET['i'] .'.JPG" target="_blank"><img width="387px" height="300px" src="screens/'  . $_GET['i'] .'.JPG"></a>'; 
if($i == 1){
echo '<br><a href="'    . $_SERVER['PHP_SELF']   .'?id=pictures&i='. ($_GET['i'] + 1) .'">Next</a>';
}
else if($i == 11){
echo '<br><a href="' . $_SERVER['PHP_SELF'] .'?id=pictures&i='. ($_GET['i'] - 1) .'">Previous</a>';
}
else
{
echo '<br><a href="' . $_SERVER['PHP_SELF'] .'?id=pictures&i='. ($_GET['i'] - 1) .'">Previous</a> '; 
echo '/ <a href="'    . $_SERVER['PHP_SELF']   .'?id=pictures&i='. ($_GET['i'] + 1) .'">Next</a>';
}
?>
</center>

 

Dette er en kode som jeg laget for eget bruk, og jeg er IKKE noen guru innen php.

Ulemper:

* Du må skrive hvor mange bilder det er totalt, ellers vil den vise nextknappen når det ikke er flere bilder :D

* Bildene må hete 1, 2, 3, 4 osv.jpg

* Må være samme size. Sikkert veldig enkelt å få modifisert det da ;)

 

Men det var ikke noe problem for meg og mitt bruk. Du kan se hvordan det virker på http://www.outcastinc.tk Det er et veldig dårlig script, men du kan vel kanskje få modifisert det veldig enkelt :D

 

 

#Edit 1: En ulempe til

Endret av Andeplane
Lenke til kommentar
<?php
echo '<a href="screens/'  . $_GET['i'] .'.JPG" target="_blank"><img width="387px" height="300px" src="screens/'  . $_GET['i'] .'.JPG"></a>'; 
if($i == 1){
echo '<br><a href="'    . $_SERVER['PHP_SELF']   .'?id=pictures&i='. ($_GET['i'] + 1) .'">Next</a>';
}
else if($i == 11){
echo '<br><a href="' . $_SERVER['PHP_SELF'] .'?id=pictures&i='. ($_GET['i'] - 1) .'">Previous</a>';
}
else
{
echo '<br><a href="' . $_SERVER['PHP_SELF'] .'?id=pictures&i='. ($_GET['i'] - 1) .'">Previous</a> '; 
echo '/ <a href="'    . $_SERVER['PHP_SELF']   .'?id=pictures&i='. ($_GET['i'] + 1) .'">Next</a>';
}
?>
</center>

 

Dette er en kode som jeg laget for eget bruk, og jeg er IKKE noen guru innen php.

Ulemper:

* Du må skrive hvor mange bilder det er totalt, ellers vil den vise nextknappen når det ikke er flere bilder :D

* Bildene må hete 1, 2, 3, 4 osv.jpg

* Må være samme size. Sikkert veldig enkelt å få modifisert det da ;)

 

Men det var ikke noe problem for meg og mitt bruk. Du kan se hvordan det virker på http://www.outcastinc.tk Det er et veldig dårlig script, men du kan vel kanskje få modifisert det veldig enkelt :D

 

 

#Edit 1: En ulempe til

Egentlig et bra script, ser ut som det er rakst og fungere - men det har nok noen verre ulpemer enn du vet. Prøv denne adressen:

Link til din side

På den måten ser det ut som du har skrevet ting du ikke har skrevet på siden din!

Lenke til kommentar
Oj. Det er en rimelig stor ulempe ja. Den visste jeg ikke om...du får modifisere litt på det, så kan det fungere greit. :p

Det finnes mange måter å fikse scriptet ditt på. Uten å vite hvorfor du har med $_GET['id'] kan dette fungere:

 

<?php

if($_GET['id'] == "pictures" and ereg("^[0-9]+$", $_GET['i'])){

 echo '<a href="screens/'.$_GET['i'].'.JPG" target="_blank"><img width="387px" height="300px" src="screens/'. $_GET['i'] .'.JPG"></a>';
 if($i == 1){
 echo '<br><a href="'.$_SERVER['PHP_SELF'].'?id=pictures&i='.($_GET['i'] ++).'">Next</a>';
 }else if($i == 11){
 echo '<br><a href="'.$_SERVER['PHP_SELF'].'?id=pictures&i='.($_GET['i'] --).'">Previous</a>';
 }else{
 echo '<br><a href="'.$_SERVER['PHP_SELF'].'?id=pictures&i='.($_GET['i'] --).'">Previous</a> ';
 echo '/ <a href="'. $_SERVER['PHP_SELF'].'?id=pictures&i='.($_GET['i'] ++).'">Next</a>';
 }
}
?>
</center>

 

NB: jeg har ikke lest hva denne tråden handler om, så jeg håper dette passer.

Lenke til kommentar

Du kan bruke javascript, selv om jeg ikke altid synes like bra om javascript (siden det er så mange prosent som ikke har det aktivert, er ikke mange prosent - rundt 2-4% eller noe, men på store sider er det mange mail til kundeservice og det blir fort dyrt)

Ta en kikk på denne: http://hjem.get2net.dk/Jakob.Aggernaes/jav...vascript14.html

 

Det beste er om du bygger videre på scriptet til Andeplane eller bygger ditt eget i PHP. Da slipper du å tenkte på støtte for javascript!

Lenke til kommentar

Vel...når jeg tenker meg om...så vet ikke jeg heller :p

Som sagt så er jeg ingen guru, men som du sikkert skjønte så er $id variabelen for hvilken side som skal vises. Men jeg skal prøve det nå ;)

Hovedtråden var en som trengte et "vise bilder med next og previous knapp" script.

Lenke til kommentar

til andeplane: eit tips til scriptet ditt.. du sa ein av ulempene var at du må skrive inn antall bilder. viss du legger inn ein 'count' kode på mappen finner scriptet antallet sjølv. da kan du berre sette at knappen next ikkje skal visast viss bildeid'en er lik antallet. :D

Lenke til kommentar
til andeplane: eit tips til scriptet ditt.. du sa ein av ulempene var at du må skrive inn antall bilder. viss du legger inn ein 'count' kode på mappen finner scriptet antallet sjølv. da kan du berre sette at knappen next ikkje skal visast viss bildeid'en er lik antallet. 

 

Genialt. Det må jeg få lagt til :D

Er kjedelig å måtte gjøre om koden for hver gang man laster opp et bilde.

Lenke til kommentar

berre hyggeli :green: jobber med eit bildearkivscript sjølv no.. skal fungere omtrent sånn som ditt, men ha mulighetene til å opne mapper og undermapper og lese av bilda av i dei og. i tillegg lager scriptet thumbs sjølv i ei 'thumbs' mappe i mappene bilda ligger i viss det ikkje allerede fins ei 'thumbs' mappe fra før. alt detta har gått bra men stagnerte da eg kom til det med 'forgje' og 'neste' knappane. grunnen til det er at mine bilder ikkje heiter 01.jpg, 02.jpg, 03.jpg osv. driver å jobber med å lage sånne knapper når navnet på bildene er heilt tilfeldig.. er litt vanskelig :mad: spesiellt siden mine kunnskaper innen php er relativt begrensa.. jaja. lykke til med scriptet! :thumbup:

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...