Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Mar 2004
    Posts
    17
    Member #
    5099
    If you have an image file that's an arrow pointing left, how would I use that same graphic but rotating it so it can point right. What kind of HTML coding would work to flip an image?

  2.  

  3. #2
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    you can't use html for that sort of thing... you'll need to use a server-side language... personnaly... too much trouble. open paint and do it in there!
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  4. #3
    Junior Member
    Join Date
    Mar 2004
    Posts
    17
    Member #
    5099
    Well the reason why I want to do this is because I have a series of images. Let's take this one for example........http://www.inbetweenswing.com/images/border_tl.jpg If I use this one as a corner from a table and it just so happens that I need to use it in other place but flipped horizontally or vertically, what do I do then? Creating the same image but flipped for everything just seems impractical. I could have sworn that there was a way to flip it somehow with creating a whole new image file.
    Quote Originally Posted by karinne
    you can't use html for that sort of thing... you'll need to use a server-side language... personnaly... too much trouble. open paint and do it in there!

  5. #4
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    unless someone chimes in here with a script that you could use, i would think it would be much easier to just open photoshop (or whatever graphics software you use) flip it, save it, upload it and your done!? as oppose to taking a few hours (maybe) to write the script, test it,..... non?

    just my .02 cents
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  6. #5
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    One way you could do this if you have the ability to use php is to use the gd libary manipulate the image, assuming you also have the gd libary.

    Or you take another approach to achieve this effect, Since I am such a fan of the site I thought I would point to this tutorial on A list apart CSS Design: Creating Custom Corners & Borders. Personally I would take this method, althought it does require familarity with css.

    Other then that I would just do like karinne suggested and create your four images.


  7. #6
    Senior Member james's Avatar
    Join Date
    May 2003
    Location
    Melbourne, AUSTRALIA
    Posts
    364
    Member #
    1352
    The way everyone does it is to flip it in an image manipulation program, then save the two versions as 'border-left.gif' and 'border-right.gif'.

    You could do it with libGD, but you'd still have to code in your HTML two different image names, like 'border-left.gif' and 'flip-image.php?image=border-left.gif', so there's not much point.

    It just ain't part of HTML, just like love ain't easy. LOL.
    James H
    Home Page · Mars Page · www.fihsf1.net (formerly www·fihs·net)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:44 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com