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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    .imagecube on click

    Hello,

    i want to change my image in the .imagecube way but i want it be done via a click so that on the other face i can have the 9 image puzzle game.

    is this possible and if so how to do it?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,624
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    I suppose you are talking about the jQuery Image Cube plugin? I had to do an internet search in order to find out what you are talking about. Please be a little more elaborate in future when asking a question. This includes posting your code or a link to show what you’ve got so far.

  • #3
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    More Detail

    Using the Jquery Plugin

    .imagecube

    how can i swap between the images sides by clicking on the image.

    this is the code from http://keith-wood.name/imageCube.html:

    Code:
    <div id="defaultCube" style="width: 200px; height: 150px;"> 
        <img src="uluru.jpg" alt="Uluru" title="Uluru"/> 
        <img src="islands.jpg" alt="Islands"title="Islands"/> 
        <img src="gorge.jpg" alt="Gorge" title="Gorge"/> 
    </div>

    Code:
    $('#defaultCube').imagecube(); 
     
    $('#stopCube').toggle(function() { 
            $(this).text('Start'); 
            $('#defaultCube').imagecube('stop'); 
        }, function() { 
            $(this).text('Stop'); 
            $('#defaultCube').imagecube('start'); 
        } 
    ); 
     
    $('#removeCube').toggle(function() { 
            $(this).text('Re-attach'); 
            $('#defaultCube').imagecube('destroy'); 
        }, 
        function() { 
            $(this).text('Remove'); 
            $('#defaultCube').imagecube(); 
        } 
    );


  •  

    Tags for this Thread

    Posting Permissions

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