Web Design Forums

pat · 25-09-2007, 12:24

Hiya, making a new portfolio and trying to do soemthing with draggable layers - arranging a few images on the page using coordinates, that can be dragged around the screen. I got some code from a site but it seems to only let me have one draggable layer on the page at once?

Here's the page with only one image, working:

Patrick Johnson

And here's the code in the html with 2 images, nothing shows up in the browser:

PHP Code:


		
			
<script src="movingimages.js" type="text/javascript" language="javascript1.2"></script>

</head>

<body>
<script type="text/javascript" language="javascript1.2"><!--
        createDragableLayer(
            '<img src="http://www.designerstalk.com/forums/images/saf1.jpg>', //contents of dragable layer (can contain HTML etc.)
            0,                       //left coordinate of dragable layer
            0,                      //top coordinate of dragable layer
            498,                      //width of dragable layer
            374,                       //optional: height of dragable layer (use null for default)
            '0'                 //optional: background colour of dragable layer (use null for default)
        );
    //--></script>


<script type="text/javascript" language="javascript1.2"><!--
        createDragableLayer(
            '<img src="http://www.designerstalk.com/forums/images/saf2.jpg>', //contents of dragable layer (can contain HTML etc.)
            40,                       //left coordinate of dragable layer
            360,                      //top coordinate of dragable layer
            467,                      //width of dragable layer
            623,                       //optional: height of dragable layer (use null for default)
            '0'                 //optional: background colour of dragable layer (use null for default)
        );
    //--></script>



</body>

And here's the js:

www.2605.co.uk/new/movingimages.js

Be really grateful for some help, tia

Pat

gray · 25-09-2007, 14:01

&uot

Quote:

Originally Posted by pat

Hiya, making a new portfolio and trying to do soemthing with draggable layers - arranging a few images on the page using coordinates, that can be dragged around the screen. I got some code from a site but it seems to only let me have one draggable layer on the page at once?

Here's the page with only one image, working:

Patrick Johnson

And here's the code in the html with 2 images, nothing shows up in the browser:

PHP Code:


		
			
<script src="movingimages.js" type="text/javascript" language="javascript1.2"></script>



</head>



<body>

<script type="text/javascript" language="javascript1.2;><!--

        createDragableLayer(

            '<img src="http://www.designerstalk.com/forums/images/saf1.jpg">', //contents of dragable layer (can contain HTML etc.)

            0,                       //left coordinate of dragable layer

            0,                      //top coordinate of dragable layer

            498,                      //width of dragable layer

            374,                       //optional: height of dragable layer (use null for default)

            '0'                 //optional: background colour of dragable layer (use null for default)

        );

    //--></script>





<script type="text/javascript" language="javascript1.2"><!--

        createDragableLayer(

            '<img src="http://www.designerstalk.com/forums/images/saf2.jpg">', //contents of dragable layer (can contain HTML etc.)

            40,                       //left coordinate of dragable layer

            360,                      //top coordinate of dragable layer

            467,                      //width of dragable layer

            623,                       //optional: height of dragable layer (use null for default)

            '0'                 //optional: background colour of dragable layer (use null for default)

        );

    //--></script>







</body>

And here's the js:

www.2605.co.uk/new/movingimages.js

Be really grateful for some help, tia

Pat

sort your image linking out first, nothing loads for me at all?

Jayx · 25-09-2007, 14:37

Worked for me, but my JS skills suck ... sorry :-(

foolfodder · 25-09-2007, 14:59

Maybe try script.aculo.us - web 2.0 javascript

Do Gooder · 25-09-2007, 15:11

on an aside.

like the CimbaliBand on your myspace page pat. download download

25-09-2007, 12:24	#1 (permalink)
pat jorge regula Join Date: Aug 2004 Location: B'ham/Leeds Posts: 4,868	Javascript help Hiya, making a new portfolio and trying to do soemthing with draggable layers - arranging a few images on the page using coordinates, that can be dragged around the screen. I got some code from a site but it seems to only let me have one draggable layer on the page at once? Here's the page with only one image, working: Patrick Johnson And here's the code in the html with 2 images, nothing shows up in the browser: PHP Code: <script src="movingimages.js" type="text/javascript" language="javascript1.2"></script> </head> <body> <script type="text/javascript" language="javascript1.2"><!-- createDragableLayer( '<img src="http://www.designerstalk.com/forums/images/saf1.jpg>', //contents of dragable layer (can contain HTML etc.) 0, //left coordinate of dragable layer 0, //top coordinate of dragable layer 498, //width of dragable layer 374, //optional: height of dragable layer (use null for default) '0' //optional: background colour of dragable layer (use null for default) ); //--></script> <script type="text/javascript" language="javascript1.2"><!-- createDragableLayer( '<img src="http://www.designerstalk.com/forums/images/saf2.jpg>', //contents of dragable layer (can contain HTML etc.) 40, //left coordinate of dragable layer 360, //top coordinate of dragable layer 467, //width of dragable layer 623, //optional: height of dragable layer (use null for default) '0' //optional: background colour of dragable layer (use null for default) ); //--></script> </body> And here's the js: www.2605.co.uk/new/movingimages.js Be really grateful for some help, tia Pat __________________

25-09-2007, 14:37	#3 (permalink)
Jayx Now with added sarcasm. Join Date: Aug 2006 Location: George, South Africa Posts: 351	Worked for me, but my JS skills suck ... sorry :-( __________________ I made 100 posts and all I got is this stupid signature.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

25-09-2007, 14:59	#4 (permalink)
foolfodder Senior Member Join Date: Aug 2007 Location: Ross-on-Wye Posts: 161	Maybe try script.aculo.us - web 2.0 javascript

25-09-2007, 15:11	#5 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,502	on an aside. like the CimbaliBand on your myspace page pat. download download

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)