javascript - jQueryステップで画像ズーム?

Question

jQuery Stepsを使用して作成された「ウィザード」があり、画像をズームする機能 (クリック、ホバーなど) を追加しようとしていますが、jquery.steps.js が原因で実装の問題が発生しています。

具体的には、実装しようとしています: jQuery Zoom。私は特定のズームプラグインと結婚していませんが、jQuery Steps で動作する別のプラグインを誰かが知っていれば.

「ウィザード」div内のセクションにコードを追加しています：

<div id="wizard">
    <h2>Attach Strap</h2>
    <section>
        <img src="img/current-number-1.png" class="wizard-number" alt="Step 1" /><!-- zoom image --><span class='zoom' id='ex1'><img src="img/assembly-step-2.jpg" height="538" width="555" /></span><!-- zoom image -->
    </section>
</div>

しかし、jQuery Steps 'jquery.steps.js' ファイルの次の行は、何らかの方法で上書きまたは干渉しているようです (そして、確かに、私の JS スキルは、これを書き直して動作する方法を知るほど熟練していません):

var contentContainer = wizard.find(".content"),
        header = $(format("<{0}>{1}</{0}>", options.headerTag, step.title)),
        body = $(format("<{0}></{0}>", options.bodyTag)); 

最後の行 ( ) を削除すると、ズームは正常に機能しますbody = $(format("<{0}></{0}>", options.bodyTag));が、もちろんウィザードが壊れます。

jQuery Steps を Zoom Master とうまく連携させる方法を知っている人はいますか? または、jQuery Steps で動作する別のズーム プラグインがある場合は?