Mouseover, thumb anzeigen?

[objekt]

Ich würde gern alle Bilder die auf der Produkt.html sind per mouseover vergrößern in einen Popupfenster. Geht das überhaupt mit Javascript im XT? Wenn ja wie?

Bester Grüße Kay

[amilo]

Dafür benötigtst du nur die js.php in deintemplate/javascript, sowie das Script- File unter xtframework/libary/jquery.

Alternativ kannst du Javascript direkt mit {literal}{/literal} einbinden.

MfG. Hansen

[objekt]

danke für die schnelle antwort! Ich versuchs gleich mal.

[df:bug]

Hallo,

also im Template kann man sich soweit richtig auslassen, alles was aktuell an Technik möglich ist, kann eingebaut werden.

Viele Grüße,

df:bug

[objekt]

mit javascript kenn ich mich ehrlich gesagt nicht wirklich gut aus. Bin froh, dass ich php, html, css und c# kann. Darf ich um Hilfe betteln?

[GoriBoy]

leg los, was hast du für problems?

Gruß

GoriBoy

[objekt]

leg los, was hast du für problems?

Gruß

GoriBoy

Also ich würde gern, dass sich die Produktbilder(sind einige drin bei einen Produkt) per mouseover, vergößern als kleines popup. kann ja mal meine produkt.html anhängen.

[amilo]

Falls du dich mit dem ganzen auch ein bisschen beschäftigen möchtest, findest du hier ein gutes Tutorial.

MfG. Hansen

[objekt]

Falls du dich mit dem ganzen auch ein bisschen beschäftigen möchtest, findest du hier ein gutes Tutorial.

MfG. Hansen

Danke für den Tip!

[GoriBoy]

shitte, amilo war erster..

wollte dir die gleiche seite geben... was fürn zufall..

Gruß

GoriBoy

[objekt]

Dafür benötigtst du nur die js.php in deintemplate/javascript, sowie das Script- File unter xtframework/libary/jquery.

Alternativ kannst du Javascript direkt mit {literal}{/literal} einbinden.

MfG. Hansen

ich hab jetzt folgendes gemacht. In der js.php hab ich jetzt folgendes ergänzt:

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>xtFramework/library/jquery/popup.js"></script>

in der xtFramework/libary/jquery hab ich diesen Code hinzugefügt und habe diese popup.js genannt.

this.screenshotPreview = function(){

/* CONFIG */

xOffset = 10;

yOffset = 30;

// these 2 variable determine popup's distance from the cursor

// you might want to adjust to get the right result

/* END CONFIG */

$("a.screenshot").hover(function(e){

this.t = this.title;

this.title = "";

var c = (this.t != "") ? "

" + this.t : "";

$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url

preview' />

"+ c +"</p>");

$("#screenshot")

.css("top",(e.pageY - xOffset) + "px")

.css("left",(e.pageX + yOffset) + "px")

.fadeIn("fast");

},

function(){

this.title = this.t;

$("#screenshot").remove();

});

$("a.screenshot").mousemove(function(e){

$("#screenshot")

.css("top",(e.pageY - xOffset) + "px")

.css("left",(e.pageX + yOffset) + "px");

});

};

this.imagePreview = function(){

/* CONFIG */

xOffset = 10;

yOffset = 30;

// these 2 variable determine popup's distance from the cursor

// you might want to adjust to get the right result

/* END CONFIG */

$("a.preview").hover(function(e){

this.t = this.title;

this.title = "";

var c = (this.t != "") ? "

" + this.t : "";

$("body").append("<p id='preview'><img src='"+ this.href +"'

Nun gibt es noch diesen Code:

$(document).ready(function(){

tooltip();//active les tooltip simple

imagePreview();//active les tooltip image preview

screenshotPreview();//active les tooltip lien avec preview

});

wo pack ich den rein? Das mit dem {literal}{/literal} hab ich in der product.html eingefügt. Man sieht aber den code im Contentbereich. Sollte eigentlich ein mouseover werden, wobei das bild größer wird

Quelle: ist diese

[amilo]

(Ohne das Script selbst zu nutzen: )

Eigentlich musst du nur für beide Dateien eine eigene .js Datei erstellen und diese über die js.php laden lassen.

Dann natürlich noch den .css und .html Part erledigen und fertig.

MfG. Hansen

[objekt]

(Ohne das Script selbst zu nutzen: )

Eigentlich musst du nur für beide Dateien eine eigene .js Datei erstellen und diese über die js.php laden lassen.

Dann natürlich noch den .css und .html Part erledigen und fertig.

MfG. Hansen

na da wird wieder was für meine Nachtschicht Danke!

hänge noch an einem anderen Problem, dass die einbindung einer php in der Product.html nicht funtioniert. bisher kann ich nur html einbinden.

[GoriBoy]

da hatten wir schon letzte woche das gleiche problem.. irgendwer hatte doch die lösung gepostet bezüglich php einbindung..

Gruß

GoriBoy

[objekt]

hatte aber alles nichts funktioniert.

{include file="$selected_template/xtCore/pages/stoffe/test.html"} funktioniert

{include file="$selected_template/xtCore/pages/stoffe/test.php"} funktioniert nicht, da zerschiesst es mir die Seite.

mit

{php}

{include file="$selected_template/xtCore/pages/stoffe/index.php"}

{/php}

habe ich ne weisse seite.

{php}

{include file="$selected_template/xtCore/pages/stoffe/index.php"}

{/php}

zerschiesst es mir auch die seite. *heul*