hat sich erledigt. Danke!
Beiträge von mxxxx
-
-
Hallo,
nachdem ich jQuery kennengelernt habe, bin ich auf folgendes Plugin gestossen: Plugins | jQuery Plugins .
Ich habe schon das ein oder andere jquery Plugin erfolgreich in eine Seite einbetten können, aber hier komme ich einfach nicht weiter. Leider konnte ich nirgendwo eine Anleitung finden und die Demo Seite hilft mir als Anfänger leider auch nicht weiter.
Mit dem Plugin wollte ich einfach mal eine Testseite machen, bei der man auf einen Link klickt und die Seite dann automatisch zu einem Bild scrollt. Kann mir hier jemand weiterhelfen?
Vielen Dank!
-
hat sich erledigt.
-
wer sagt denn, dass ich so viele fotos wie auf der beispielseite verwenden würde.
hab´s aber mittlerweile herausgefunden.
vielen dank für eure tipps!
-
ich wollte dieses javascript zum Beispiel für eine Karte benutzen. Da kann man dann anstatt entweder horizontal oder vertikal zu scrollen sich - meiner Meinung nach - sich viel intuitiver auf der Karte bewegen.
Ansonsten schonmal vielen Dank für Eure Hilfe!
-
danke.
ich hab nun auch die javascript datei der seite gefunden und habe versucht sie für ein eigenes projekt anzuwenden. aber leider kenne ich mich dazu in javascript wohl zu schlecht aus.
zur erklärung: ich will auf eine seite verschiede div boxen mit fotos anordnen. die seite soll sich dann wie die "cos" seite mit gedrückter maustaste frei verschieben lassen können. ein versuch war es, die div boxen wie auf der cos seite als "container" zu benennen, aber dies hat leider nicht geklappt. wäre wohl zu einfach gewesen. wisst ihr, wie das funktioniert?
-
danke, aber ich habe etwas anderes gemeint.
nämlich, dass man, wenn man mit der maus auf der weißen fläche ist und die maus gedrückt hält den hintergrund verschieben kann. das ist mir nicht klar, wie das funktioniert.
kann mir hier jemand weiterhelfen?
-
hi!
ich kenne mich ein bisschen mit html aus, allerdings habe ich nicht herausbekommen, wie folgende website funktioniert: http://www.cosstores.com.
mich fasziniert dabei, dass man den hintergrund mit der maus frei verschieben kann. könnt ihr mir erklären, wie das funktioniert?
ich habe auch schon hier gesucht, aber leider nichts passendes gefunden.
vielen dank für eure hilfe!
-
ok, mach ich.. wollte die css erst auslagern, wenn die seite funktioniert, damit ich nicht in 2 dateien arbeiten muss.
danke
-
hab´s herausgefunden - musste der div box mit dem move cursor einen transparenten hintergrund geben.
also hat sich´s erledigt.
trotzdem vielen dank!
-
Hallo,
ich arbeite gerade an einem kleinen Internetauftritt: http://xxxxx.bplaced.net/website/index.html
Dort habe ich auf der Startseite verschieden Bilder mit Bildunterschriften, die als Hyperlink dienen. Die oberen 20px des Bildes dienen dazu, das Bild zu verschieben. Für diesen Bereich habe ich eine Div Box angelegt, damit dort der Mauszeiger "Move" erscheint. Dies ist zwar sowieso in dem .js des jquery slideviewer so definiert, aber dort wird natürlich der ganze umschließende Bereich dann mit diesem Mauszeiger gekennzeichnet. Deshalb der auf den ersten Blick recht unübersichtliche Quellcode.
Aufjeden Fall funktioniert das jetzt alles so wie ich will in Firefox. Im InternetExplorer wird in den oberen 20px des Bildes allerdings kein move Cursor angezeigt.
Ist es möglich den Quelltext so umzuschreiben, dass auch im Internet Explorer der Move Cursor in diesem Bereich angezeigt wird?
Hier ein Beispiel des relevanten Quellcodes: [INDENT][INDENT]<div id="farbbox" style="position:absolute; left:505px; top:322px; width:150px; height:20px; ">
<div style="position:absolute; left:0px; top:0px; width:150px; height:120px; cursor: auto;">
<div align="center"><img src="bilder/startseite/color.jpg" alt="color" />
<a href="color.html" target="_self">COLOR </a></div>
</div><div style="position: absolute; left: 0px; top: 0px; width: 150px; height: 20px; cursor: move; "> </div>
<a href="color.html" target="_self"><div style="position: absolute; left: 0px; top: 20px; width: 150px; height: 80px; background: blue; opacity: 0.0; filter: Alpha(opacity=0); cursor: pointer; "> </div></a>
</div>[/INDENT][/INDENT]
Vielen Dank,
Michael -
jetzt klappt´s perfekt
danke
-
so, habe beide Möglichkeiten ausprobiert. Beides funktioniert! Danke hierfür!
Einen Schönheitsfehler gibt´s allerdings noch: Bei beiden Möglichkeiten (Poster - opacity; Street Art - transparentes.gif) erscheint über der verlinkten Fläche keine Hand als Mauszeiger. Kann man das noch hinbekommen?
hier die aktualisierte seite:
http://xxxxx.bplaced.net/website/index.html -
ok, habe deinen editierten Beitrag noch nicht gelesen. Probiere ich gleich mal aus!
Vielen Dank
-
Vielen Dank für Deine schnelle Hilfe. Habe jetzt einfach ein transparentes .gif als Hintergrund verwendet. Allerdings gibts noch ein kleines Problem: Im Internet Explorer wird über der DivBox mit dem transparenten Hintergrund trotz des funktionierenden Hyperlinks keine Hand sondern nur ein normaler Mauszeiger angezeigt. Wie bekomme ich den Hyperlink durch eine Hand als Mauszeiger gekennzeichnet? Oder macht es einen Unterschied, wenn ich eine .png als Hintergrund verwende?
-
Hallo,
gerade arbeite ich an einem kleinen Internetauftritt: http://xxxxx.bplaced.net/website/index.html
auf dieser Seite habe ich mehrere Fotos angeordnet, die man verschieben kann und dessen Bildunterschrift ein Hyperlink darstellt. Foto und Hyperlink sind in einer div box.
Nach mehreren Tests habe ich die Objekte "Poster" und "Street Art" so editiert, dass man das Bild nur an den oberen 20px des Bildes verschieben kann und der Rest des Bildes durch eine darübergelegte div box als Hyperlink dient.
In Firefox funktioniert das optimal. Beim Internet Explorer funktioniert der Hyperlink auf dem Bild leider nicht. Ist es möglich den Code so umzuschreiben, dass die Seite sowohl im Firefox als auch im Internet Explorer funktioniert?
Vielen Dank!
Michaelps: stört euch nicht an dem unaufgeräumten Code - die Seite ist noch in der Entstehungsphase.
-
hat sich erledigt - danke
-
zur veranschaulichung habe ich eine kleine testseite gemacht: http://xxxxx.bplaced.net/testseite/testseite.html
hier der dazugehörige css-code: http://xxxxx.bplaced.net/testseite/style.css
leider sieht man überhaupt keine bilder, obwohl ich mich an die installationsanweisung gehalten habe. was mache ich falsch?
vielen dank -
hallo,
ich möchte gerne den jquery slideviewer 1.1 ( http://www.gcmingati.net/wordpress/w...de-plugin.html) auf meine internetseite einbinden. leider bekomm ich das trotz der anleitung nicht ganz hin. mir ist nämlich nicht ersichtlich wo auf meiner seite ich den quelltext von der jquery seite einsetzen muss, oder ich muss ich gar in der javascript datei etwas umschreiben?
könnt ihr mir weiterhelfen?
vielen dank -
also die seite funktioniert jetzt wie gewollt. ich habe 2 lösungen entdeckt:
- entweder ich erhöhe die z-index zahl der div box
oder
- die div-box bekommt eine id="fest", und im script wird direkt unter zeile 844 eingefügt:
if (document.getElementById("fest")) document.getElementById("fest").style.zIndex=dd.z+1;vielen dank