Vergrößern der Bilder

[Butterblume]

Hallo Jasko,

vielen Dank für die Tips. Werde ich mir heute abend gleich mal ansehen! schön

Habe jetzt mal nur die erste Seite gemacht von den Blumen. Die letzte die Nr. 10 flackert bei mir wenn ich mit der Mouse drüberfahre. Ich glaube ich versuche eines von Deinen Tips... War wohl nicht so ganz richtig was ich bei google eingegeben hatte.

Ich melde mich dann hier nochmal wenn gar nichts geht! erst einmal!


------------------------------------


@Jasko, werde mich zwischen link 1 und 2 entschedien. Werd mir erst einmal die Seite übersetzten lassen. Steige da sonst nicht durch!

[Butterblume]

Hallo nochmal,

Ich hätte nämlich gern das Demo 1 vonder Seite.

den Step 1 von diesem Link http://www.dynamicdrive.com/dynamicinde ... zoomer.htm habe ich jetzt in den header.metatags in dem Ordner wo die ganzen Verkaufs Seiten vom Flohmarkt drin sind eingefügt. aber ich weiß nicht genau wo ich Step 2 einfügen muss?

Step 2 habe ich mal auf eine Testseite eingegeben. http://www.servietten-flohmarkt.de/angebot/test.php aber irgendwie mach ich da was falsch Und ich wette, es ist so einfach, wenn man weiß wie...



Ich probiere jedoch auch selbst noch weiter! Kann mir da vielleicht noch einmal jemand behilflich sein?

[Jasko]

Step 1. beinhaltet zwei Datein die man herunterladen muss und auf seinen Webspace hochladen muss. Das sehe ich hast du nicht gemacht.

Bzw die verlinkung wurde nicht eingerichtet. Die zwei Datein um die es sich handelt sind: jquery.magnifier.js und magnify.cur

Der zweite Schritt also Step zwei, ist nur noch das einfühgen der Klasse class="magnify" in die Entsprechenden Bilder Tags.

MFG

[Butterblume]

Hallo Jasko,

die habe ich hochgeladen, in den Ordner Design im Servietten Flohmarkt. Hab ich gestern schon gemacht!


Ich hab das so jetzt, ob das richtig ist weiß ich nicht? <class="magnify" img src="../images/blumen/1.jpg" alt=""> Wahrscheinlich nicht!

[Butterblume]

Hallo Jasko,

die habe ich hochgeladen, in den Ordner Design im Servietten Flohmarkt. Hab ich gestern schon gemacht!


Ich hab das so jetzt, ob das richtig ist weiß ich nicht? <class="magnify" img src="../images/blumen/1.jpg" alt=""> Wahrscheinlich nicht!

An welche Stelle muss ich das hinsetzten? So wie ich es oben habe, ist es falsch. Habs eben schon ausprobiert.

[Jasko]

Hallo,

wenn du die Datein hochgeladen hast dann muss du die auch anpassen, hier der Code aus Step 1:

Code: Alles auswählen

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery.magnifier.js">

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

Dort steht in Linie 3 dieser Code <script type="text/javascript" src="jquery.magnifier.js"> im Atrributt src="" muss die richtige URL zu der Datei eingestellt werden die im Beispiel Code steht, also zu jquery.magnifier.js. Wenn du dir nicht sicher bist wie die URL angegeben sein soll dann benutze eine apsolute URL.

Hier habe ich schon mal für dich nachgeschaut
Relative URL wäre so anzugeben:

Code: Alles auswählen

<script type="text/javascript" src="../design/jquery.magnifier.js">

und die apsolute so:

Code: Alles auswählen

<script type="text/javascript" src="http://www.servietten-flohmarkt.de/design/jquery.magnifier.js">

Das wäre der erste Schritt, schritt zwei ist es die Klasse in den img Tag einzufühgen, das macht man genau so wie im Beispiel auf der Seite.

Code: Alles auswählen

<img src="forest.gif" class="magnify" border="0" />

Also wie du siehst ist hier die (class="magnify") Klasse hinter dem src Atributt, so sollte man es auch bei sich einbauen, auf keinen Fall aber wie bei dir vor dem img Tag, immer danach, am besten so wie im Beispiel.

MFG

[Butterblume]

Hallo Jasko,

ich wusste ja auch nicht wie ich das machen muss. Ist gar net so einfach, aber ich versuche es mal.

Wenn ich die Datei jquery.magnifier.js auf habe, steht da alles ganz anders, sieh mal

Code: Alles auswählen

/* jQuery Image Magnify script v1.1
* This notice must stay intact for usage 
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code

* Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
* Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
*/

jQuery.noConflict()

jQuery.imageMagnify={
	dsettings: {
		magnifyby: 3, //default increase factor of enlarged image
		duration: 500, //default duration of animation, in millisec
		imgopacity: 0.2 //opacify of original image when enlarged image overlays it
 	},
	cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
	zIndexcounter: 100,

So sieht mein Anfang aus. Das ist jetzt Zeile 1 - 19

wenn ich das dann runter setzte und den Code in Linie 3 eingebe, den Du mir bereits gestellt hast, ist der grau und schwarz geschrieben. Ist das so richtig??
Ich will ja jetzt auch nichts falsch machen!

[Jasko]

Hallo,

ich weiß nicht ob ich mich falsch asugedrückt habe. Aber du sollst nicht den Kompletten Code der Datei in die Linie 3 einsetzen.

Du solltest lediglich die Linie meinem Vorschlag ersetzen

Code: Alles auswählen

<script type="text/javascript" src="http://www.servietten-flohmarkt.de/design/jquery.magnifier.js">

das war alles. Und natürlich die Klassen richtig einsetzen.

MFG

[Butterblume]

Hallo,

ich weiß nicht ob ich mich falsch asugedrückt habe. Aber du sollst nicht den Kompletten Code der Datei in die Linie 3 einsetzen.

Du solltest lediglich die Linie meinem Vorschlag ersetzen

Code: Alles auswählen

<script type="text/javascript" src="http://www.servietten-flohmarkt.de/design/jquery.magnifier.js">

das war alles. Und natürlich die Klassen richtig einsetzen.

MFG

Hallo Jasko,

ich habe Dich wohl schon richtig verstanden. Den code habe ich auch nicht kopiert. Das ist der code von meiner seite den ich dir nur zeigen wollte.

Habe jetzt den Code in Zeile 3 eretzt und auch diesen Tag eingebaut. Ob es richtig ist weiß ich jetzt nicht

Code: Alles auswählen

<img src="http://www.servietten-flohmarkt.de/images/blumen/1.jpg" class="magnify" border="0" />

Aber es funktioniert nicht!

Das ist jetzt wieder die Seite jquery.magnifier.js - Zeile 1bis 8. Nur zur Ansicht.

Code: Alles auswählen

/* jQuery Image Magnify script v1.1
* This notice must stay intact for usage 
<script type="text/javascript" src="http://www.servietten-flohmarkt.de/design/jquery.magnifier.js">
* Visit http://www.dynamicdrive.com/ for full source code

* Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
* Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
*/

Ich hatte Dir gesagt, dass meine Seite ganz anders aussieht als Deine!

Ansonsten lasse ich es, funktioniert vermutlich nicht, oder ich bin einfach zu doof dazu

[Jasko]

Ich weiß nicht wo du den Code einbaust, aber auf deiner Flohmarkt seite ist irgend ein anderer Code drin, irgendwas mit multizoom.js, und dort sind auch die URL falsch gesetzt, bzw. garnicht, also wird es auch nicht funktionieren.

Laut deinen Ausschnitten ist alles so wie es soll, aber wie gesagt ich kann das auf deiner Seite online nicht nachvolziehen.

Ich bin jetzt leider Zeitlich begrenzt und kann nicht konkret helfen, aber vieleicht probierst du das ganze erstmal offline, mit dem einbau und so, vieleicht funktioniert es dann besser.

MFG