Einstellungen Cloud Zoom

[theriddler]

Hallo Leute,

habe bei mir Cloud Zoom im Shop und es Funktioniert auch echt gut. Nur habe ich 2 Sachen die ich nicht geändert bekomme.

1. Er macht die "Zoombox" (Box in der der Zoomeffekt zusehen ist, quasi die Box die neben dem Cursor aufgeht) unter den anderen Bildern, quasi im Hintergrund auf

2. Er wiederholt in der "Zoombox" die Bilder wenn Sie die Box nicht "Ausfüllt"

Wie kann ich diese 2 Sachen abändern?

Aktueller Code:

<a id="image-init1" href="{img img=$options_data.option_value_image type=m_popup path_only=true}" {if !$is_old_ie6} class="cloud-zoom" id='zoom1' position='element1' rel="tint:'#F7F7F7',tintOpacity:0.5 ,smoothMove:5,zoomWidth:250, zoomHeight:250, adjustY:-4, adjustX:10"{/if}>

Gruss Dennis

[fixed]

Hallo.

Das mit dem Hintergrund liegt wahrscheinlich an einem falschen / zu niedrigem z-index. Das kannst du in der CloudZoom Javascript Datei ändern.

Das wiederholen liegt daran, dass du scheinbar zu kleine Bilder nutzt.

Grüße

[theriddler]

Okay kann ich den nicht auch im Java Script sagen "No Repeat" oder ähnliches ? Wo kommt das mit dem z-index hin ?

* CLOUD ZOOM FIX

*/

var initIMG = '.cloud-zoom img';

var smallInitIMG = '.more-images #image-0';

var galleryIMG = '.cloud-zoom-gallery';

$(smallInitIMG).hide();

$(galleryIMG).click(

function() {

$(initIMG).removeAttr('width').removeAttr('height');

$(galleryIMG).removeClass('active');

$(this).addClass('active');

$(smallInitIMG).fadeIn();

}

);

/**

[fixed]

$(this).wrap('<div id="zoomwrap" style="float:left;top:0px; z-index:999;position:relative;"></div>');

in Zeile 350. Dateiname: cloud-zoom.1.0.2.js

overflow:hidden; könnte man auch mal probieren.

[theriddler]

In meiner CSS ist overflow:hidden bereits darin trotzdem kein Erfolg. Habe der Zoom-Box den z-Index gegeben auch das bringt nix. Woran kann es noch liegen ?

Kann es daran liegen das auf den Bilder die quasi immer vor der Zoombox liegen auch cloud Zoom angewendet wird?

<div style="float:left; padding-right: 60px;">

{if $options_data.option_value_image!=''}

<a id="image-init1" href="{img img=$options_data.option_value_image type=m_popup path_only=true}" {if !$is_old_ie6} class="cloud-zoom" rel="tint:'#F7F7F7',tintOpacity:0.5 ,smoothMove:5,zoomWidth:250, zoomHeight:250, adjustY:-4, adjustX:10,"{/if}>

{img img=$options_data.option_value_image type=m_thumb alt=$options_data.option_value_name|escape:"html"}

</a>

{/if}

</div>

Auch das mit dem Repeat muss ich deaktivieren können oder ?