juhuuu *freu*
ich druck mir demnächst dann nen shirt.. "zuchtgarnelenretter" ![]()
is mir ganz spontan beim essen eingefallen^^
Beiträge von synaptic
-
-
die frage dabei ist ob der blog den du verlinken möchtest evtl name oder id-attribute in den links hat, dann kannste des mit ner sprungmarke realisieren.. ich meine in blogs müsste sowas dabei sein oder nich?
ich hab bisher noch nicht probiert mit offset zu spielen wenns um den inhalt eines frames geht, aber an sich müsste man doch auch nen frame mit javascript scrollen können...
und deines threadtitels gemäß hab ich vermutet du wilst einen link in zwei zielen öffnen.. was auch mit javascript möglich ist.
und letztlich is der iframe ja auch dafür da frmdinhalte einzublenden...
brauchste lediglich das einverständnis des eigentlichen betreibers der site... oder musste halt angeben, daß des von woanders kommt, da bin ich grad net sicher..! -
<offtopic>
und in diesem sinne nen gruß von einem wattenscheider, der in den taunus ausgewandert is....
grüß ma den pott von mir ;o)ps: hier gibbet nirgendwo vernünftige currywurst mit pommes
</offtopic> -
und du brauchst nen pngfix (Jquery) um deine pngfiles auch im ie transparent zu haben...
google mal nach conditional comments(CC) für deine styles, ame bseten machste nen eigenes stylesheet und bindest des via CC ein! -
edit: habs mal so gemacht, wie ich es realisieren würde..
(fehlt nur noch das vorausladen aller bilder..)HTML
Alles anzeigen<html> <head> <title>Kreisfeuerwehrverband Dahme-Spreewald e.V.</title> <style type="text/css"> <!-- #wrapper{ height:450px; width:410px; } #preview{ width:410px; height:105px; overflow:hidden; } #thumbs{ width:1400px; /*dieser wert entspricht den thumbnails und dem margin dazwischen(sollte halt grösser sein) 16*80 + 16*5 = 1360 */ } #preview img{ width:80px; height:80px; margin-right:5px; } #show{ height:340px; width:410px; } #infotext{ width:410px; text-align:center; font-weight:500; font-size:16px; font-family:arial; } --> </style> <script type="text/javascript"> var TIMER; function roll_left(){ var scrolldiv= document.getElementById("thumbs"); var leftpos = parseInt(scrolldiv.style.left); scrolldiv.style.left = leftpos - 2 + "px"; TIMER = setTimeout(roll_left, 50); if(leftpos <= -975){clearTimeout(TIMER); roll_right();} } function roll_right(){ var scrolldiv= document.getElementById("thumbs"); var leftpos = parseInt(scrolldiv.style.left); scrolldiv.style.left = leftpos + 2 + "px"; TIMER = setTimeout(roll_right, 50); if(leftpos >= 10){clearTimeout(TIMER); roll_left(); } } function picshow(objekt){ var show = document.getElementById("show"); var info = document.getElementById("infotext"); var thumb_url = objekt.src; var ende = thumb_url.length-6; var bild_urlpart = thumb_url.substr(0, ende); var bild_url = bild_urlpart + ".jpg"; show.src = bild_url; var id = objekt.id; switch(id){ case "1": info.innerHTML="Delegation, die das Fahrzeug entgegennahm"; break; case "2": info.innerHTML="Stärkung muss sein!"; break; case "3": info.innerHTML="Eine Menge Schriftkram ist immer dabei...!"; break; case "4": info.innerHTML="Auf Vollständigkeit muss auch alles überprüft werden!"; break; case "5": info.innerHTML="Und ausprobiert werden muss auch alles!"; break; case "6": info.innerHTML="Die erste Fahrt, ob das gut geht"; break; case "7": info.innerHTML="Neue und alte Technik vereint"; break; case "8": info.innerHTML="Für die offizielle Übergabe geschmückt!"; break; case "9": info.innerHTML="Und hinter den Kulissen?"; break; case "10": info.innerHTML="Reden werden bei den offiziellen Anlässen auch gehalten!"; break; case "11": info.innerHTML="Zahlreiche Gäste sind zum Gratulieren erschienen!"; break; case "12": info.innerHTML="Schlüsselübergabe an den Gemeindebrandmeister"; break; case "13": info.innerHTML="Schlüsselübergabe an den Ortswehrführer"; break; case "14": info.innerHTML="Grupenfoto vor dem neuen Fahrzeug mit einem Teil der Kameraden der Wehr"; break; case "15": info.innerHTML="In Augenscheinnahme des Fahrzeuges!"; break; case "16": info.innerHTML="Endlich in der neuen Unterkunft"; break; } } </script> </head> <body onload="roll_left();"> <div id="wrapper"> <div id="preview"> <div id="thumbs" style="position:relative; left:0px;"> [img]01_t.jpg[/img][img]02_t.jpg[/img][img]03_t.jpg[/img][img]04_t.jpg[/img][img]05_t.jpg[/img][img]06_t.jpg[/img][img]07_t.jpg[/img][img]08_t.jpg[/img][img]09_t.jpg[/img][img]10_t.jpg[/img][img]11_t.jpg[/img][img]12_t.jpg[/img][img]13_t.jpg[/img][img]14_t.jpg[/img][img]15_t.jpg[/img][img]16_t.jpg[/img] </div> </div> [img][/img] <span id="infotext">noch kein infotext</span> </div> </body> </html>hier der link damit du des mal angucken kannst
http://home.arcor.de/synaptic/hilfe/js_gal/gallery.htmlhab dabei net auf xhtml-validität geachtet!!
-
und nach etwas längerer wartezeit (un jo ich hab nen 16000er DSL)
kommt dann das hier zustande
ich geh jetzt pennen nachti...!
-
eijo hat´s denn jetzt gefruchtet??? lebt die pumpe noch oder die garnele? hat mein letzter tipp gefunzt?
-
ich benutz den ff2
und hier mal nen ausschnitt ausm screen! -
na wenn dann würd ich mit divs arbeiten statt iframes und dort dann das entsprechende bild reinladen (über da img-tag mit ner id- so brauchste nur 1 img-tag) dann gehste daher und vergibst zwei styles, einen für horizontale bilder und einen für vertikale bilder... die namen der bilder kennste ja alle, also könntest du entweder nach den namen entscheiden welcher style für das kommende bild gedacht ist.. die andere variante wäre die bilder in ein array zu packen und dann anhand des array-index diese stylevergabe durchzuführen...
unter dem img-tag machste dann nen span-tag auch mit ner id und wenn du ja eh was hast woarn du für nen style unterscheiden kannst, kannste das gleiche nutzen um nen text zu vergeben....
wie gesagt, das script an sich würd etwas größer aber es würd deinen zweck voll erfüllen...
wenn du zeit bis morgen nachmittag hast (so gegen 17:30 oder 18:00) und du bereit bist die bilder schon vorab zu "veröffentlichen" könnte ich dich unterstützen dieses script zu schreiben...
hab heut abend keine zeit mehr (bett ruft) -
also ich kenn mich mit php ma gar nich aus...
aber bekommste den kram in der action auch mit nem javascript gestartet?
ich denk da grad an sowas wie ne funktion die nix mach außer nen string zurückliefern.. nämlich deine action!
dann den rest so, wie ich oben beschrieben hab. -
also ich würds mit javascript realisieren, auch wenn des script etwas umfangreicher würde... leute die es deaktiviert haben bekommen über noscript ne info oder haben halt pech und gucken de galerie net an
-
meinste da jetzt die thumbnails? oder nachher die anzeige rechts?
im ff is noch alles arg verschoben und ich kann klicken wo kein link is..^^ -
meinste evtl ferdinand?? der sah ja aus wie ne kutsche und stammt aus der zeit...
edit. damn ich hätt ma zuende lesen sollen^^ ferdinand is glaube ich net mit batterien betrieben worden, halt nur für de zündkerze, wie es auch heute noch passiert...
-
-
spricht irgendetwas gegen die benutzung eines javascriptes?
klar, letztlich kann man nen script deaktivieren, aber wofür gibt es webtechniken, wen man sie nicht benutzt? -
jojo, des hat was mit usability zu tun, daß man des div mit onclick-versieht und den link selber da drin hat....
und foo, jojo hat scho recht... is die este variante.. ne tabelle als link zu machen is humbugiger humbug
-
und ich schlage für die zukunft vor, daß hier bilder genommen werden die keinem urheberrecht unterliegen, also frei sind (pixelio.de oder sowas)
und angabe der quelle, wo des bild herkommt...! -
ich hab ne idee....so hab ich mir damals jungfische gefangen (aus versehen natürlich)
besorg dir nen schlauch, der so dick ist, daß die garnele da reinpasst...
dann saugste an und lässt das wasser in nen eimer laufen, die garnele müsste dann doch auch mit eingesaugt werden und im eimer landen...
musste aber wirklich darauf achten, daß der schlauch dick genug ist, damit der nele nix passiert!! -
sandra, da is was bei, was mich weiterbingt...!!! danke
-
mach doch mal bilder und poste sie hier... dann bekommt ja evtl jemand ne idee, wenn er die situation besser siehen kann.. oder mach nen kleines video... (falls möglich)