Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Apr 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    jQuery script modification requirement - rel tag

    Hi,

    I am looking for some help in modifying a jQuery script and include an rel tag within the script to allow to link to the jQuery script with an rel tag in html. This can be done with a simple onClick line. For example, if the user was to click on an image from the HTML page, the onClick line in the jQuery script which contains the rel tag would trigger the event, if the tag is linked is present in the <a href> line for that particular image in the HTML document.

    Currently the issue, is that I currently have a line of code in my HTML (see below) that contains two seperate class for the JQuery functions. However when adding a second image with these same lines, multiple classes for MagicZoomPlus knocks my carousel alignment (cloudcarousel) which is being fed from (class="cloudcarousel" ) totally off for the rotation of the carousel. So I am trying the logical alternative which would be use an rel="xxx" in place of the current class="MagicZoomPlus". I've attached the script that requires modification as well, as a screen shot of the proper layout and the incorrect layout with the current class="MagicZoomPlus" problem to make it more clear.

    <a href="images/CO_Cabin_12_zoom.jpg" class="MagicZoomPlus" rel="disable-zoom: true; group: panzoom; hint: false"><img class="cloudcarousel" src="CO_Cabin_1.JPG" width="128" height="164" alt="Self-portrait in red chalk, circa 1512-1515." title="Deck 1 - CO_Cabin_1" /></a>.

    Anyone have any solutions? I've zipped the jQuery script along with screenshots.
    Attached Files Attached Files


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •