Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag24.06.2009 um 17:02 (UTC)    
Titel: Galerie: Vorschaubilder oben + Hauptbild unten?

Hallo zusammen,

ich suche diese http://fotoloft.de.tl/wedding.htm?PHPSESSID=c8a7f9eb8a61575a2480d0c5ee5af226 Galerie.
Ich habe schon versucht mit dem Betreiber der Seite Kontakt aufzunehmen, jedoch ohne Erfolg.

Kennt jemand den Code dafür, oder die Seite wo ich das machen kann !?

mit freundlichen grüßen

ive


Zuletzt bearbeitet von galabau-kolanovic am 30.01.2010, 14:52, insgesamt einmal bearbeitet
Beitrag24.06.2009 um 17:15 (UTC)    
Titel:

Hier ist der Code davon:

Code:
<td class="edit_content_left_spacer" width="3%">&nbsp;</td>

                        <td class="edit_content_main" width="94%">
                           <div style="width: 510; overflow: auto;"><meta content="de" http-equiv="Content-Language">   
<style type="text/css">
#gallery {width:770px;height:600px;}
#gallery ul {list-style:none; padding:0; margin:0; width:250px; position:relative; float:right;}
#gallery ul li {display:inline; width:72px; height:72px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:70px; height:70px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:70px; height:70px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:290px; top:0; width:auto; height:auto; border:1px solid #000;}

</style>   </meta>
<div id="gallery">
<ul>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 1 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 2 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 3 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 4 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 5 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 6 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 7 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 8 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 9 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 10 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 11 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 12 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 13 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 14 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 15 URL" class="full" /></a></li>
</ul>
</div></div></td>


Du kannst noch mehrere Bilder Hinzufügen indem du den Code ( <li><a href="#nogo"><img title="" alt="" src="HIER BILD 15 URL" class="full" /></a></li> ) einfach erweiterst!


LG
Danny
Beitrag27.06.2009 um 12:03 (UTC)    
Titel:

Super, Vielen Dank!
Beitrag28.06.2009 um 23:06 (UTC)    
Titel:

Hallo zusammen

diese Galerie sieht echt klasse aus. Habe aber irgendwie Probleme sie auf meine Seite zu bekommen.
Habe ne neue Seite aufgemacht, den Code bei Quellcode reinkopiert und das URL der Bilder reinkopiert.
Aber irgendwie is da nix zu sehen auf meiner Page.
Habe ich was vergessen oder falsch gemacht ??

DAnke
Beitrag29.06.2009 um 21:15 (UTC)    
Titel:

kein Problem!

Zum Problem:

Du musst deine BILD URL&acute;s einfügen!
poste mal den ganzen Code!
Beitrag29.01.2010 um 13:55 (UTC)    
Titel:

ihre-wunsch-domain hat Folgendes geschrieben:
Hier ist der Code davon:

Code:
<td class="edit_content_left_spacer" width="3%">&nbsp;</td>

                        <td class="edit_content_main" width="94%">
                           <div style="width: 510; overflow: auto;"><meta content="de" http-equiv="Content-Language">   
<style type="text/css">
#gallery {width:770px;height:600px;}
#gallery ul {list-style:none; padding:0; margin:0; width:250px; position:relative; float:right;}
#gallery ul li {display:inline; width:72px; height:72px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:70px; height:70px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:70px; height:70px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:290px; top:0; width:auto; height:auto; border:1px solid #000;}

</style>   </meta>
<div id="gallery">
<ul>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 1 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 2 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 3 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 4 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 5 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 6 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 7 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 8 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 9 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 10 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 11 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 12 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 13 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 14 URL" class="full" /></a></li>
    <li><a href="#nogo"><img title="" alt="" src="HIER BILD 15 URL" class="full" /></a></li>
</ul>
</div></div></td>


Du kannst noch mehrere Bilder Hinzufügen indem du den Code ( <li><a href="#nogo"><img title="" alt="" src="HIER BILD 15 URL" class="full" /></a></li> ) einfach erweiterst!


LG
Danny



Hallo, ich hab den Code auf meiner Hp eingeplegt - funktioniert auch.

Aber meine Bilder die ich als Url eintrage sind zugroß.

Wie groß dürfen die Bilder Max sein, damit ich keine Balken rechts und unten habe sowie das Bild ganz auf der Seite Angezeigt wird.

Danke Schonmal

Lg Micha
Beitrag29.01.2010 um 18:51 (UTC)    
Titel:

So das mit der Galarie klappt soweit - jetzt ist nur noch die frage - kann ich bei der Bild Url evtl einen Code einfügen wo das bild in der breite ein gewisses maß wie 450 px und die höhe automatisch scaliert wird eingeben?

Und wenn ja wo muss der code hin und wie heißt er????

LG und Danke Micha
Beitrag29.01.2010 um 23:18 (UTC)    
Titel:

schöne galerie ......kann ich auch gut verwenden ....ich hab nur die werte etwas geändert ....aber funktioniert super Smile

schöne wäre natürlich wenn man jemanden finden würde der den code so umschreiben könnte ...so das die kleinen vorschaubilder nicht rechts ...sondern oben angezeigt werden ....so könnte man etwas platz sparen auf der seite ....und man kann dann die bilder etwas grösser einfügen ...

@ elas -fotografie ....also ich weiss nicht ob es so einne code gibt das sich die bilder anpassen ...ich habe alle bilder in einer grösse von 640 x 480 ...
...und damit passt es ganz gut finde ich


LG Grit
______________
MfG Grit



Zuletzt bearbeitet von kameraauge am 30.01.2010, 08:38, insgesamt einmal bearbeitet
Beitrag30.01.2010 um 10:52 (UTC)    
Titel:

kameraauge hat Folgendes geschrieben:
schöne galerie ......kann ich auch gut verwenden ....ich hab nur die werte etwas geändert ....aber funktioniert super Smile

schöne wäre natürlich wenn man jemanden finden würde der den code so umschreiben könnte ...so das die kleinen vorschaubilder nicht rechts ...sondern oben angezeigt werden ....so könnte man etwas platz sparen auf der seite ....und man kann dann die bilder etwas grösser einfügen ...

LG Grit


Ja das wäre es .. das man die Bilder oben oder unten Anzeigen kann..
weiß jemand wie man den code dann umschreiben muss???

Lg Micha
Beitrag30.01.2010 um 13:30 (UTC)    
Titel:

ich hab dominik ( bielefelder - club ) mal angeschrieben ob er uns helfen könnte
______________
MfG Grit

Beitrag30.01.2010 um 13:45 (UTC)    
Titel:

Hallo,
Ich habe jetzt mal den Code so umgeschrieben,
dass sich das Bild unten befindet:
Zitat:
<style type="text/css">
#gallery {width:770px;height:600px;}
#gallery ul {list-style:none; padding:0; margin:0; width:480px; position:relative;}
#gallery ul li {display:inline; width:72px; height:72px; float:left; margin: 0px 0px 5px 5px;}
#gallery ul li a {display:block; width:70px; height:70px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:70px; height:70px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; left:5px; top:250; width:auto; height:auto; border:1px solid #000;}
</style>

<div id="gallery">
<ul>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 1 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 2 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 3 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 4 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 5 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 6 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 7 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 8 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 9 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 10 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 11 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 12 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 13 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 14 URL" class="full" /></a></li>
<li><a href="#nogo"><img title="" alt="" src="HIER BILD 15 URL" class="full" /></a></li>
</ul>
</div>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag30.01.2010 um 14:40 (UTC)    
Titel:

Finde diese Galerie Ganz toll nur hätte ich da auchnoch eine Frage und zwar ist es auch möglich, das die Galerie vom Aufbau her gleich ist, aber das wen ich auf eines der kleinen bilder da klicke dieses Bild dann in groß erscheint und nicht wen ich mit der maus drüber geh da ist und wen ich wieder weg geh wieder weg ist?

Also meine das das ausgewählte bild solange zu sehen ist bis ich nen neues auswähle, und nen Text müsste auch unter jedes bild eytra. Ab so eine code Box oder so ähnlich.

Und die Seite sollte sich nicht jedesmal neu laden. sondern so wie dort nur das bild. Ist sowas den möglich???

sorry wenn es zu kompliziert erklärt ist Rolling Eyes
______________
Beitrag30.01.2010 um 14:49 (UTC)    
Titel:

Very Happy vielen vielen dank dominik Very Happy

LG Grit
______________
MfG Grit

Beitrag30.11.2013 um 12:49 (UTC)    
Titel:

Ich habe jetzt ein bisschen herumgetüfftelt, schaffe es aber nicht, dass die Bilder größer angezeigt werden. Wenn ich mit der Maus über die Vorschaubilder gehe, zeigt es mir das Bild dann links vielleicht gerade mal doppelt so groß an.
Kann mir da jemand behilflich sein?
Vielen Dank und lg
Rainer



<td class="edit_content_left_spacer" width="3%">&nbsp;</td>
&nbsp;
<td class="edit_content_main" width="94%">&nbsp;</td>
<div style="width: 510px; overflow: auto">
<meta content="de" http-equiv="Content-Language" /><style type="text/css">
#gallery {width:770px;height:600px;}
#gallery ul {list-style:none; padding:0; margin:0; width:250px; position:relative; float:right;}
#gallery ul li {display:inline; width:72px; height:72px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:70px; height:70px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:70px; height:70px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:290px; top:0; width:auto; height:auto; border:1px solid #000;} </style>
<div id="gallery">
<ul>
<li><a href="#nogo"><img class="full" title="" alt="" src="http://img.webme.com/pic/r/rainernutz/alm131.jpg&quot;&quot;" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="http://img.webme.com/pic/r/rainernutz/alm132.jpg" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="http://img.webme.com/pic/r/rainernutz/alm133.jpg" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 4 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 5 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 6 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 7 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 8 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 9 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 10 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 11 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 12 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 13 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 14 URL" /></a></li>
<li><a href="#nogo"><img class="full" title="" alt="" src="HIER BILD 15 URL" /></a></li>
</ul>
</div>
</div>
Beitrag08.12.2013 um 01:12 (UTC)    
Titel:

habe deinen code mal bei mir eingefügt und da werden die bilder links im gesamten galeriebereich auch angezeigt. könnte vieleicht an deiner browsereinstellung liegen. welchen browser nutzt du denn? in meinem firefox läufts soweit gut.

ich empfehle aber auch, den code lieber im head-tag zu definieren und nicht im body.

und noch eins zu allen:
diese galerie-art ist von dieser seite http://www.cssplay.co.uk/menu/photo_simple.html

die codes sind frei verfügbar, wenn auch nicht immer so eindeutig und gut geschrieben. aber wer sich die zeit nimmt und ein bischen an den werten rumtestet, kann sich auf dieser basis sein eigenes design schreiben.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de