Colocando o Deep Zoom no seu site da forma fácil

Sign in to queue

Description

A dica veio da Sarah (mais uma vez) que achou no blog do LiveSide.

  1. Monte uma coleção de Deep Zoom no site http://photozoom.mslivelabs.com.
  2. Uma vez que a coleção esteja pronta, navegue até sua coleção onde você pode fazer o zoom nas fotos. O URL deve se parecer algo como esse: photozoom.mslivelabs.com/Album.aspx?alias=XXX&album=X
  3. Abra o código fonte da página. No IE 7 você clica no botão "Página" na barra de ferramentas e "Ver Fonte". Isso abrirá o código HTML no Notepad.
  4. Procure a linha de código parecida com essa: <iframe src=https://silverlight.services.live.com/invoke/14030/<string>/iframe.html originalAttribute="src" originalPath="https://silverlight.services.live.com/invoke/14030/<string>/iframe.html"
                    scrolling="no" frameborder="0" width="800" height="600"></iframe>
  5. Cole o código no seu blog ou site no modo de visualização HTML. Você pode ajustar as dimensões - Width e Height - no código para caber na sua página.
  6. O resultado será igual o abaixo


The Discussion

Add Your 2 Cents