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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 13
  1. #1
    Junior Member
    Join Date
    Jan 2011
    Posts
    9
    Member #
    26120
    Hey guys, first post but of course avid voyer

    I'm trying to incorporate imageflow.js into a website that I maintain for free for a non-profit organization though this is my very first encounter. I've done everything that I could think of but for some reason, the images are reluctant to show on the site. Any help would be very much appreciated.

    URL:
    Silent Heat

    Div:
    Code:
    <div id="photos" class="imageflow">
    <img src="Mtucci2.jpg" longdesc="http://www.silentheatvt.com/images/Mtucci2.jpg" width="97" height="90" alt"image1"/>
    <img src="http://www.silentheatvt.com/images/Mtucci3.jpg" longdesc="http://www.silentheatvt.com/images/Mtucci3.jpg" width="97" height="90" alt"image2"/>
    </div>
    Is it because the site is not .js but rather .html? My img src don't seem to work and I feel ridiculous...

    Thanks in advance,

    D

  2.  

  3. #2
    Junior Member
    Join Date
    Jan 2011
    Posts
    9
    Member #
    26120
    FIXED

    Apologies, I went back ground and did some research through other tutorials. My resolution was:

    Code:
    <div id="photos" class="imageflow">
    <img src="images/Mtucci2.jpg" longdesc="http://www.silentheatvt.com/images/Mtucci2.jpg" width="97" height="90" alt"image1"/>
    <img src="images/Mtucci3.jpg" longdesc="http://www.silentheatvt.com/images/Mtucci3.jpg" width="97" height="90" alt"image2"/>
    </div>

  4. #3
    Senior Member Harmonic's Avatar
    Join Date
    Jan 2011
    Location
    Toronto
    Posts
    291
    Member #
    26468
    Liked
    23 times
    aha, having the correct image path usually helps

    And just a tip, there are no pages called .js
    a file ending in .js is a java script file and is included with your html page to add functionality to a page.

  5. #4
    Junior Member
    Join Date
    Jan 2011
    Posts
    9
    Member #
    26120
    Quote Originally Posted by Harmonic View Post
    aha, having the correct image path usually helps

    And just a tip, there are no pages called .js
    a file ending in .js is a java script file and is included with your html page to add functionality to a page.
    Ha oops, very new to all of this but pumped and determined to learn.

  6. #5
    Junior Member
    Join Date
    Jan 2011
    Posts
    9
    Member #
    26120
    bump**

    I'm having some issues with the imageflow now in that I'm trying to change the height of the reflection of the images but it doesn't seem to be working, any ideas when looking at my source? It's getting a bit frustrating and it's disheartening!

    thx

  7. #6
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Frankly, I find the reflection unnecessary and distracting. It takes away from the impact of the site.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  8. #7
    Junior Member
    Join Date
    Jan 2011
    Posts
    9
    Member #
    26120
    Quote Originally Posted by AlphaMare View Post
    Frankly, I find the reflection unnecessary and distracting. It takes away from the impact of the site.
    Yeah, this is why I don't really care for the full reflection rather I just want to see what 10% looks like. Do you know why it isn't working?

  9. #8
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    yeah, even at 10% i have to agree with alpha. if you placed them on a surface(image of) the reflection would rock. but they are reflecting off a drab background? thats like seeing your reflection in the mornings toast. doesn't make sense. i would go with a shadow. 5px offset and 7px blur.

    edit: at second look my shadow idea is just as bad lol. just the images. or add something that makes the reflections make sense. idk, shadow was a real bad suggestion. sorry.

    while($get_it !== true){ continue; }

  10. #9
    Junior Member
    Join Date
    Jan 2011
    Posts
    9
    Member #
    26120
    Quote Originally Posted by Dorky View Post
    yeah, even at 10% i have to agree with alpha. if you placed them on a surface(image of) the reflection would rock. but they are reflecting off a drab background? thats like seeing your reflection in the mornings toast. doesn't make sense. i would go with a shadow. 5px offset and 7px blur.

    edit: at second look my shadow idea is just as bad lol. just the images. or add something that makes the reflections make sense. idk, shadow was a real bad suggestion. sorry.
    Thank you for testing it out Dorky.

    Apologies but maybe I should have mentioned this beforehand but I'm currently looking to revamp the website with stuff I've learned over the past few month. With that said, the background will be white vs. the "mornings toast" haa.

    I'm not sold on the reflection or even the scroll bar vs. buttons to say the least. I just find it annoying that for some odd reason, I can't change the reflection height without breaking it and was wondering if someone could 'learns me' by point me to the one character I'm missing or the errors of my way since I'm new to the web development world.

    thanks

  11. #10
    Senior Member Harmonic's Avatar
    Join Date
    Jan 2011
    Location
    Toronto
    Posts
    291
    Member #
    26468
    Liked
    23 times
    Here are a few changes you need to make.
    1:#nav Put your styles in your stylesheet!
    2:
    alt"image1"/
    . You need an = sign. SO alt = "image1"
    3: In order to change the reflection height,
    open up imageflow.js and edit this line
    reflectionP: 0.5, /* Height of the reflection in percent of the source image */
    For 10% change to 0.1


Page 1 of 2 1 2 LastLast

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 05:43 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com