Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Shade

  1. Shade

    Photoflow Tutorials

    Actual problem is make it look 3D. and I guess normal transform in flash doesn't support perspective. though you can make something like this easily with AS3.
  2. Shade

    Offline Php

    thanks.yes I do mean "local only" and "secure".Another important issue is , its integration into my web IDE, I mean something like quick preview .I will check out WAMP.
  3. Shade

    Offline Php

    helloI do not want to have a server on my PC, nor do I want to install php, apache bundles etc. Still I need to test php files offline.I used easyphp but it doesn't responds to certain php functions. do you know any alternative way/method for that ?shade.
  4. I use scripted svg on my site, a little game in SVG: ViewIts way better than flash (as long as I don't care users browsers support it or not. ) currently I'm experimenting with php, to see if it can generate some useful svg.wish we can just write it svg in html <svg>.....</svg>
  5. Shade

    [wip] My Site

    thank you.well, this SVG does show in my firefox 3 and opera 9.BTW I just added a flash image viewer. It directly loads images from given directories without any server side coding.and some graphics effects. I can't decide whether to keep that sun flare effect or not.check it out SITE UPDATE
  6. put the page(div) to be scrolled and a div for banner in a container, another div.set the background-image to the banner image (which must be a .png of exact dimensions.) , background-repeat: no repeat.now, fixed position the banner div where it should have been. set a very high z-index (99).what I tried with firebug :to #bannerpic { add: ........... ........... position:fixed; left:150px; top:0px;}to #container { add: ........... ........... margin-top:150px;}
  7. you will need to store results on server, so will need a server-side script.
  8. var data = new Array(value1, value2, ...... );var value = "myvalue";var num = 0;for(var i = 0; i < data.length; i ++){ if ( data[i] == value ) { num++; }}if ( num > 0 ) { alert("the value " + value + " has occurred " + num + " times"); } else { alert("the value " + value + " was not found"); }
  9. Why don't you make the swf itself to start only when play button is pressed, instead of doing it in HTML ?<param name="AutoStart" value="0"> . Some browsers like firefox neglect autostart parameters.
  10. Shade

    [wip] My Site

    thank you for replies. It doesn't. Even with IE7 (some css parts). and you probably wouldn't have noticed the animatedanalog clock which is SVG and IE never supports it. I generally take firefox and Opera as reference. this is hosted with a free hosting service, so the servers are a bit lousy ;P . this site is going to be my image gallery, and the place to test web-coding projects. there will be another version of this interface, later.I intended to design a pleasant and upto W3C standards, site interface. Just need some content to add. If you know a little javascript, you can move/change any element on a web page.so I put together a bit of functions to move background png.the script is posted above.
  11. you need to correctly reference the button/MovieClip.code inside:this.onRelease = function {photos_mc.gotoAndPlay("img1");}code in parent/ main timeline:this.btn1.onRelease = function() {photos_mc.gotoAndPlay("img1"); }
  12. Shade

    [wip] My Site

    thanks for your reviews.Updated version : http://previewz.f-snet.com
  13. Good info.well I just use <embed src="" width="" height=""></embed> and there are no problems so far.even works good for svg also.
  14. Thank you.I'm currently having a look at the code...all I can get is that the code:1. checks dir, mid_dir and full_dir exist.2. they are readable.3. for each file the file is not .*, not ..* and is *.jpeg,4. file has corresponding thumbnail,5. add then to array, shuffle it,6. generate an HTML list of images.OK. A little help here, I assume, that hoverbox shows three states : thumbnail, mid sized on mouseover and full size on clickright ? but I'd like to use dir and full dir only. set directory paths here.//// There are Bandwidth issues with loading the 'full-size' pictures for use as thumbs and mid-size, however, there is a time-delay issue on-click when the full-size picture must then be downloaded. Your call on which method suits you best. The Demo uses three Folders, one for each size, which is the slowest possible setting, other than using over-sized images since they take longest to download and requires more bandwidth to provide, etc, blah, blah...// To minimize the bandwidth usage, use only one directory of optimized pictures, but be sure to alter the paths accordingly.//// example://// $dir = "full_images/"; // will cause all images to be loaded from a single folder// $mid_dir = "full_images/"; // where the full-sized images are stored. The Hoverbox html sizes them down to suit the thumbnail size and mid-size, but must download the entire gallery of pictures before displaying the thumbs.// $full_dir = "full_images/"; ////// All occurences of a picture MUST have the SAME NAME whether in one or three directories.// The filenames don't appear to be case-sensitive. ( PIC001 = pic001 = PiC001 = pIc001 )//$dir = "images/"; // name of the folder where the Thumbnail images are stored$mid_dir = "mid_images/"; // name of the folder where the Mid-sized images are stored.$full_dir = "full_images/"; // name of the folder where the Full-sized images are stored
  15. hello,I did an image gallery for my site before, it was pure HTML and JS. But there was a big problem,every time I had to add content to the gallery, I had to do a lot of changes, upload images, edit the HTML and JS,so, I'am looking for a web language/technique which can automate this all.THIS kind of automation:1. automatically, check the image folder.(how many images are there,etc)2. get corresponding thumbnails.3. count and sort the images.4. generate a detailed XML(info about number of images, their links and thumbnail links, metadata,tags etc) which the client side script can use to show the gallery.5. generate HTML pages for the content.6. and If possible, a custom uploading/managing interface for the admin.PS : I have knowledge of HTML, CSS, Javascript (and ECMA kind of scripts).and have access to the server only via my C-Panel.
  16. I learned all my web skills, ground up from here. and helping others, for problems we didn't faced on our course, adds to the knowledge.
  17. I assume you have a finite number of letters here ( 9 I guess), and AS 2.0> make a MovieClip which shows letters ( need not to be a textfield, can be anything, you can draw something letter and covert to movieclip)> double click it to go inside it, click its first frame, and use the following code: var vx = 1; //x direction 1 or -1var vy = 1; //y direction 1 or -1var speedx = 0; //x speedvar speedy = 0; //y speedvar theta = Math.random()*6.38; // angle bw 0 and 2piethis._x = Math.random()*Stage.width; // place this thing randomly on stagethis._y = Math.random()*Stage.height;this.onEnterFrame = function() { if(theta==6.38){theta = 0;} // theta cycles from 0 to 2pie else {theta += 0.01;} // in steps of 0.01, you can vary it but carefully // reverse direction(vx and vy) when near edges if(this._x > Stage.width || this._x < 0 ){ vx = vx*-1;} // x bounce, limits: 0 to stage width if(this._y > Stage.height || this._y < 0 ){ vy = vy*-1;} // y bounce, limits: 0 to stage height speedx = Math.sin(theta); // x speed is varied sinusoidally speedy = Math.cos(theta); // y speed is varied sinusoidally this._x = this._x + vx*speedx; // update x pos this._y = this._y + vy*speedy; // update y pos} you can set other limits than Stage.width etc.now this clip should float around (quite randomly ) . make all your letters this way.In fact, you can put this code inside any MovieClip and it will float randomly.In case you need to create many similar things floating around , create a single movieclip like above and in main timeline ( NOT inside the clip) use the following code : var i = 0;this.onLoad = function() { for(i = 0; i<= 10; i++){ duplicateMovieClip(this.mymovie,"mymoviecopy" + i,this.getNextHighestDepth()); }} here mymovie is instance name of the first clip.
  18. Shade

    New Version

    looks well.but I had a hard time reading blue text on a black background.
  19. To create something like this you need to know programming. Flash, flex use a scripting language, and are nearlysimilar platforms. also, they offer a range of ready to use classes (pieces of code) to directly build upon.As far as I guess, this application sends the 3D scene data to server side and uses the rendered output to update the scene.that is mainly because the user can rotate things to any angle, otherwise, they'd just need renders from 8 different angles.a full 3d look here : http://www.infiniteturtles.co.uk/projects/...pedMustang.html
  20. also...the object should be parsed/loaded/read by the browser BEFORE you can access itthrough your script."null" indicates browser hasn't loaded such object yet.
  21. simple:create a <div> called "myalert" , it contains an <img> and an <a>close it</a> link,which calls the hide function.from css, set its position to be absolute, in center of screen, and display:none to hide it.create a javascript with two functions, one shows the alert, other hides it. they do this by togglingits css property display:none or display:block.finally put one more link to show the alert onclick="showit()".whipped up a piece of code for this one : <!DOCTYPE html><html><head><title>Untitled Document</title><!-- --------------------------------------CSS---------- --><style type="text/css">a { color:#FFFFFF}body { background-color:#999999;}#myalert { /* style for our alert window */ background-color:#444444; border:solid 5px #000000; position:absolute; /* places it anywhere */ top:25%; left:25%; width:50%; height:50%; display:none; /* makes it hidden */ z-index:99; /* on the top of everything*/}</style><!-- -----------------------------------script------ --><script type="text/javascript" >var myurl;function showit(myurl){ /* myurl receives passed value of image addres */ document.getElementById('myalert').style.display = "block"; /* shows the alert */ document.getElementById('myimg').src = myurl; /* sets image source as passed to this function */ }function hideit(){ document.getElementById('myalert').style.display = "none"; /* hides the alert */ } </script><!-- ------------------------------------HTML--------- --></head><body><a href="#" onClick="showit('image address')" > Show alert </a> <!--the alert div--><div id="myalert" > <img id="myimg" src="http:\\" width="100%" height="90%" border="1px" align="top" > <a href="#" onClick="hideit()" > Close this </a></div></body></html> works in firefox, IE7 and opera.
  22. Shade

    Css Drop Down Menu

    tested on windows using :1. firefox 3 OK2. Opera 9 OK3. google chrome OK 4. IE 7, no hover effect !
  23. Shade

    Css Drop Down Menu

    I tried tweaking HTML a little :adjust the last ul position as: <li><a href="" accesskey="6">Company</a> <ul style="left:-100px;" > // yep it worked for me <li><a href="">About SolidCAM UK</a></li> <li><a href="">Team</a></li> <li><a href="">FAQ's</a></li> .. and disable "min-width" in "#nav li ul" or set it to "180px"
  24. you may use i-frames for those parts and refresh them.
  • Create New...