Jump to content
xt:Commerce Community Forum
Sign in to follow this  
theriddler

Einstellungen Cloud Zoom

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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();

}

);

/**

Edited by theriddler

Share this post


Link to post
Share on other sites


$(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.

Share this post


Link to post
Share on other sites

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 ?

Edited by theriddler

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...