Single page design - how to load images onto page

Hello,
Take a look at the site http://www.blacktie.es/ I'm trying to learn how they load the larger images onto the page.
When you click on the button — the website loads the large project images above — how is this being done. Is this being done with PHP? Can someone point me in the right direction?
</div>
<section id="sec_project">
<div class="project_wrap" id="pro_container">
</div>

Ejetty wrote:
Thanks... but the thing the http:// link does not change when you click/hover on the thumbnail in this example.
Which example? When you are directed to a particular solution, don't ever expect the solution to work out of the box. You need to modify or even adapt it to suit your own circumstances. There is no such thing as silver bullet when it comes to web design solutions.
I don't understand your question so I have nothing to add here.
Good luck.

Similar Messages

How to load image into picturebox

Hi! Does anyone know how to load image into picturebox by using J2ME? And how to crete the picturebox in the forst place?
Thanks!
Regards,
Jaceline

You want java.awt.Toolkit.getImage() and java.awt.Graphics.drawImage().
Ted.

How to load images from css file in JavaFX 8

I have this css file which loads images in JavaFX 8 application:
#pill-left {
    -fx-padding: 5;
     -fx-border-image-source: url("/com/dx57dc/images/left-btn.png");
    -fx-border-image-slice: 4 4 4 4 fill;
    -fx-border-image-width: 4 4 4 4;
    -fx-border-image-insets: 0;
    -fx-border-image-repeat: stretch;
     -fx-background-color: null !important;
#pill-left:selected { -fx-border-image-source: url("/com/dx57dc/images/left-btn-selected.png"); }
#pill-left .label {
    -fx-text-fill: #d3d3d3;
    -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.75) , 0, 0.0 , 0 , -1 );
#pill-left:selected .label {
    /* -fx-text-fill: black; */
    -fx-text-fill: white;
    -fx-effect: dropshadow( one-pass-box , white , 0, 0.0 , 0 , 1 );
#pill-center {
    -fx-padding: 5;
     -fx-border-image-source: url("/com/dx57dc/images/center-btn.png");
    -fx-border-image-slice: 4 4 4 4 fill;
    -fx-border-image-width: 4 4 4 4;
    -fx-border-image-insets: 0;
    -fx-border-image-repeat: stretch;
     -fx-background-color: null !important;
#pill-center:selected { -fx-border-image-source: url("/com/dx57dc/images/center-btn-selected.png"); }
#pill-center .label {
    -fx-text-fill: #d3d3d3;
     -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.75) , 0, 0.0 , 0 , -1 );
#pill-center:selected .label {
    -fx-text-fill: black;
    -fx-effect: dropshadow( one-pass-box , white , 0, 0.0 , 0 , 1 );
#pill-right {
    -fx-padding: 5;
    -fx-border-image-source: url("/com/dx57dc/images/right-btn.png");
    -fx-border-image-slice: 4 4 4 4 fill;
    -fx-border-image-width: 4 4 4 4;
    -fx-border-image-insets: 0;
     -fx-border-image-repeat: stretch;
    -fx-background-color: null !important;
#pill-right:selected { -fx-border-image-source: url("/com/dx57dc/images/right-btn-selected.png"); }
#pill-right .label {
     -fx-text-fill: #d3d3d3;
    -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.75) , 0, 0.0 , 0 , -1 );
#pill-right:selected .label {
    -fx-text-fill: black;
    -fx-effect: dropshadow( one-pass-box , white , 0, 0.0 , 0 , 1 );
The images are located at the Java package com.dx57dc.images
In Java 7_25 this code works as expected but in JavaFX 8 b99 I get this error:
ava.lang.NullPointerException
at com.sun.javafx.sg.prism.NGRegion.renderContent(NGRegion.java:1129)
at com.sun.javafx.sg.prism.NGNode.doRender(NGNode.java:1598)
at com.sun.javafx.sg.prism.NGNode.render(NGNode.java:1520)
at com.sun.javafx.sg.prism.NGGroup.renderChildren(NGGroup.java:233)
at com.sun.javafx.sg.prism.NGGroup.renderContent(NGGroup.java:199)
at com.sun.javafx.sg.prism.NGRegion.renderContent(NGRegion.java:1249)
at com.sun.javafx.sg.prism.NGNode.doRender(NGNode.java:1598)
at com.sun.javafx.sg.prism.NGNode.render(NGNode.java:1520)
at com.sun.javafx.sg.prism.NGGroup.renderChildren(NGGroup.java:233)
at com.sun.javafx.sg.prism.NGGroup.renderContent(NGGroup.java:199)
at com.sun.javafx.sg.prism.NGRegion.renderContent(NGRegion.java:1249)
at com.sun.javafx.sg.prism.NGNode.doRender(NGNode.java:1598)
at com.sun.javafx.sg.prism.NGNode.render(NGNode.java:1520)
at com.sun.javafx.tk.quantum.ViewPainter.doPaint(ViewPainter.java:99)
at com.sun.javafx.tk.quantum.AbstractPainter.paintImpl(AbstractPainter.java:210)
at com.sun.javafx.tk.quantum.PresentingPainter.run(PresentingPainter.java:95)
at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:471)
at java.util.concurrent.FutureTask.runAndReset(FutureTask.java:304)
at com.sun.javafx.tk.RenderJob.run(RenderJob.java:58)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:615)
at com.sun.javafx.tk.quantum.QuantumRenderer$PipelineRunnable.run(QuantumRenderer.java:129)
at java.lang.Thread.run(Thread.java:724)
D3D Vram Pool: 13,331,480 used (5.0%), 13,331,480 managed (5.0%), 268,435,456 total
20 total resources being managed
4 permanent resources (20.0%)
1 resources locked (5.0%)
7 resources contain interesting data (35.0%)
0 resources disappeared (0.0%)
D3D Vram Pool: 13,331,480 used (5.0%), 13,331,480 managed (5.0%), 268,435,456 total
20 total resources being managed
4 permanent resources (20.0%)
1 resources locked (5.0%)
7 resources contain interesting data (35.0%)
0 resources disappeared (0.0%)
D3D Vram Pool: 13,331,480 used (5.0%), 13,331,480 managed (5.0%), 268,435,456 total
20 total resources being managed
4 permanent resources (20.0%)
1 resources locked (5.0%)
7 resources contain interesting data (35.0%)
0 resources disappeared (0.0%)
What is the proper way to load images from css in Java 8?
Ref
How to load images from css file in JavaFX 8 - Stack Overflow

There is nothing special to do - you execute the statement from your program just like any other SQL statement. The only thing to be aware of are the privilege/permission issues:
When loading from a file on a client computer:
READ CLIENT FILE privilege is also required for the database user.
Read privileges are required on the directory being read from.
The allow_read_client_file database option must be enabled.
The read_client_file secure feature must be enabled.
Revoking these privileges is also the only way you can prevent a user from executing the statement.

How to load images from BLOB to javascript?

hi, Guys:
I need to load thumbnail images from BLOB to multiple markers' infowindow in Google map . I have implemented Google map in APEX. I load the data suchas text for every marker's infowindow from Oracle database table with PL/JSON, and infowindow works fine. Could anyone give me a suggestion or example so I know how to load images to javascript?
Thanks a lot.
Database: Oracle 11g R2
APEX: APEX 4.1
Thanks.
Sam

lxiscas wrote:
hi, VC:
Thanks for your kind reply. I need to render these images out of APEX session, actually in javascript that is related to Google map markers' infowindow.
I checked the documents of APEX_UTIL.GET_BLOB_FILE_SRC, but my impression is I need to use it in APEX instead of javascript if my understanding is correct. I already implemented a procedure with PL/SQL to load images from a BLOB column in Oracle database. But the problem is, how can I pass it to javascript code out of APEX to javascript (I could pass text or number from APEX to javascript with PL/JSON though,But I assume that still google map will be within a valid apex session? if so you should be able to use the above api.
Basically what this api does is generates a kind of url to each blob in the database, not sure how google api's deal with this though. Why don't you give it a try?
The other option is to make your pl/sql procedure public and then you can generate the json to include the images urls such as:
     "employees" : [{
               "firstName" : "John",
               "lastName" : "Doe",
               "imgSrc" : "http://somewhere/db_schema.your_download_proc?p_file=#ID#",
               "firstName" : "Anna",
               "lastName" : "Smith"
               "imgSrc" : "http://somewhere/db_schema.your_download_proc?p_file=#ID#",
               "firstName" : "Peter",
               "lastName" : "Jones"
               "imgSrc" : "http://somewhere/db_schema.your_download_proc?p_file=#ID#",
}And then you can use this new attribute to populate the images in javascript using standard img tag
See this tutorial http://docs.oracle.com/cd/E14373_01/appdev.32/e13363/up_dn_files.htm
I did not find any method in PL/JSON to pass image object)? So far I only found example to load images from local files to javascript.Hmm..I don't think you should load image objects.
Vikram

I have selected not to load images automatically in OPTION of firefox, and i want to keep this option as it is. now can i display images of particular page without changing DONT LOAD IMAGE AUTOMATICALLY?

i have selected not to load images automatically in OPTION of firefox, and i want to keep this option as it is. now can i display images of particular page without changing DONT LOAD IMAGE AUTOMATICALLY? for example if i trust that image on particular page doesnot contain any adult material and safe to see that page from home, can i temparory view image on page?

-> Tap '''ALT''' key or press '''F10''' to show the Menu Bar
-> go to Tools Menu -> Options -> Content -> click '''Exceptions...''' button infront of '''Load images automatically''' -> type the address of the website on which you want to load images e.g. yahoo.com and click '''Allow''' button -> click Close
-> Click OK on Options window -> Restart Firefox
Check and tell if its working.

How to load image data into cube?? Is it possible??

How to load image data into cube?? Is it possible??
Any sugession??

Hi Andre,
Document will be of ASCII characters right?? but image data will be in binary format. as per database concept it is stored as binary large object. But in datawarehousing the back end is also going to be some database such as Oracle or other DBs.
which can take blob's. so it would be possible to store the binary data.
If any one has faced this situation can reply.to this ques.
can post the step to load image(jpg/bmp or any image format) data in to info cube??
hi andre if u have done loading image data as you say.pls reply me if you have the steps with you.
thanks Andre

I'm in a multi-page document, how can i rearrange the pages or insert blank pages in front of pages? Also, is there a way to show the ruler both horizontally and vertically?

I'm in a multi-page Pages document, how can i rearrange the pages or insert blank pages in front of pages? Also, is there a way to show the ruler both horizontally and vertically?

Not on my document. I have a 7 page document open. The "flashing vertical bar" is at the top of page 3. I have the thumbnail view showing. I click page break and two blank pages are added to the end of my document. I have to scrool thru the pages to see that the 2 pages were added as they do not appear in the layout view... I'm not sure if it is inserting a "section" as it adds two blank pages.. But I am clicking on "INSERT PAGE BREAK".. So guess there are still a lot of bugs to fix..
Thanks again

How to load a Nav page into other pages?

Hi, I am using CSS and HTML. I am not using a template. Not
an expert.
I want to have just one page with all main navigation links.
Parent link/list and subordinate links/list as drop down. No page
templates.
How can I get pages 1 to 10 to load a 2nd page that possesses
all the nav links? Would load into an <iframe> but first I do
not want to use that. Second I do not know how to z-index it so the
drop down links are on top of any page 1-10 info that is in the
way?
The Parent Nav link/list is horizontal and only needs to show
main parent row. Subordinates will drop down. Do not want to have
to have 1 row showing for all possible drop down rows. Ex.
Header
<div>Parent link/list with drop downs that z-index to
on top
<div>other things
currently I get loose all drop downs to <div>other
things.
How can I accomplish this?

[nav.php]

<div id="navigation">
<ul class="nav">
<li><strong> <a href="
http://www.timlist.net/"
target="_parent">Home</a> </strong></li>
<li><strong><a href="
http://timlist.net/arianna.html"
target="_parent">Arianna</a></strong>
<ul>
<li><a href="
http://timlist.net/arianna/art.html"
target="_parent">Art</a></li>
<li><a href="
http://timlist.net/blog.html"
target="_parent">Blog</a></li>
<li><a href="
http://www.charitynavigator.org/"
target="_parent">Charity Navigator</a></li>
<li><a href="
http://timlist.net/not_ready.html"
target="_parent">Gallery</a></li>
<li><a href="
http://timlist.net/not_ready.html"
target="_parent">The Word</a></li>
<li><a href="
http://timlist.net/not_ready.html"
target="_parent">Safety</a></li>
<li><a href="
http://timlist.net/memorial.html"
target="_parent">Memorial</a> </li>
</ul>
</li>
<li><strong><a href="
http://timlist.net/boating.html"
target="_parent">Boating</a></strong>
<ul>
<li><a href="
http://timlist.net/boating/brands.html"
target="_parent">Boat Brands</a></li>
<li><a href="
http://timlist.net/boating/types.html"
target="_parent">Boat Types</a></li>
<li><a href="
http://timlist.net/boating/sales.html"
target="_parent">Buy & Sell</a></li>
<li><a href="
http://timlist.net/boating/drives_fuels.html"
target="_parent">Drives &
Fuels</a></li>
<li><a href="
http://timlist.net/boating/education.html"
target="_parent">Education</a></li>
<li><a href="
http://timlist.net/boating/fishing.html"
target="_parent">Fishing</a></li>
<li><a href="
http://timlist.net/boating/misc.html"
target="_parent">Miscellaneous</a></li>
<li><a href="
http://timlist.net/boating/terms.html"
target="_parent">Terminology</a></li>
<li><a href="
http://timlist.net/boating/stores.html"
target="_parent">Stores</a></li>
</ul>
</li>
<li><strong><a href="
http://timlist.net/camping.html"
target="_parent">Camping</a></strong>
<ul>
<li><a href="
http://timlist.net/camping/camping_buy_sell.html"
target="_parent">Buy/Sell</a></li>
<li><a href="
http://timlist.net/camping/camping_clubs_forums.html"
target="_parent">Clubs</a></li>
<li><a href="
http://timlist.net/camping/camping_games_cooking.html"
target="_parent">Cooking</a></li>
<li><a href="
http://timlist.net/camping/camping_clubs_forums.html"
target="_parent">Forums</a></li>
<li><a href="
http://timlist.net/camping/camping_games_cooking.html"
target="_parent">Games</a></li>
<li><a href="
http://timlist.net/camping/camping_gear.html"
target="_parent">Gear</a></li>
<li><a href="
http://timlist.net/camping/camping_grounds_guides_mags.html"
target="_parent">Grounds</a></li>
<li><a href="
http://timlist.net/camping/camping_grounds_guides_mags.html"
target="_parent">Guides</a></li>
<li><a href="
http://timlist.net/camping/camping_hardware.html"
target="_parent">Hardware</a></li>
<li><a href="
http://timlist.net/camping/camping_grounds_guides_magazines.html"
target="_parent">Magazines & News</a></li>
<li><a href="
http://timlist.net/camping/camping_misc_safety.html"
target="_parent">Miscellaneous</a></li>
<li><a href="
http://timlist.net/camping/camping_manufacturers.html"
target="_parent">Manufacturers</a></li>
<li><a href="
http://timlist.net/camping/camping_safety.html"
target="_parent">Safety</a></li>
</ul>
</li>
<li><strong>Customer Service</strong>
<ul>
<li><a href="
http://timlist.net/customer_service/customer_service_101.html"
target="_parent">Basics 101</a></li>
<li><a href="
http://www.timlist.net/customer_service/customer_service_reviews.html/"
target="_parent">Reviews</a></li>
<li><a href="
http://www.timlist.net/customer_service/customer_service_reviews_template.html/"
target="_parent">Templates</a></li>
</ul>
</li>
<li><strong>Diesels</strong>
<ul>
<li><a href="
http://timlist.net/trucks/diesel_trucks.html"
target="_parent">Diesel Trucks</a></li>
<li><a href="
http://timlist.net/trucks/forums.html"
target="_parent">Forums</a></li>
<li><a href="
http://timlist.net/trucks/fuel.html"
target="_parent">Fuel</a></li>
<li><a href="
http://timlist.net/trucks/misc.html"
target="_parent">Miscellaneous</a></li>
<li><a href="
http://timlist.net/trucks/parts_repair.html"
target="_parent">Parts Repair</a></li>
<li><a href="
http://timlist.net/trucks/studies.html"
target="_parent">Studies</a></li>
<li><a href="
http://timlist.net/trucks/towing.html"
target="_parent">Towing</a></li>
</ul>
</li>
<li><strong><a href="
http://timlist.net/family.html">Families</a></strong></li>
<li><strong><a href="
http://timlist.net/gallery.html">Galleries</a></strong></li>
<li><strong><a href="
http://timlist.net/search.html">Search-It</a></strong></li>
<li><strong>Technology</strong>
<ul>
<li><a href="
http://timlist.net/technology/audio.html"
target="_parent">Audio</a></li>
<li><a href="
http://timlist.net/technology/forums_support.html"
target="_parent">Forums</a></li>
<li><a href="
http://timlist.net/technology/graphics.html"
target="_parent">Graphics</a></li>
<li><a href="
http://timlist.net/technology/hardware.html"
target="_parent">Hardware</a></li>
<li><a href="
http://timlist.net/technology/html.html"
target="_parent">HTML</a></li>
<li><a href="
http://timlist.net/technology/java.html"
target="_parent">Java</a></li>
<li><a href="
http://timlist.net/technology/misc.html"
target="_parent">Miscellaneous</a></li>
<li><a href="
http://timlist.net/technology/programing.html"
target="_parent">Programming</a></li>
<li><a href="
http://timlist.net/technology/software.html"
target="_parent">Software</a></li>
<li><a href="
http://timlist.net/technology/stores.html"
target="_parent">Stores</a></li>
<li><a href="
http://timlist.net/technology/forums_support.html"
target="_parent">Support</a></li>
</ul>
</li>
</ul>
</div>

How to load images from different path

Hi,
i'm triying to load an image using the next code:
String path="C:/images/tv_on.gif";
java.net.URL imgURL =new java.net.URL(path);
img=Toolkit.getDefaultToolkit().getImage(imgURL);
but when it is compiled it returns MalformedURLException.
the image is in my local directory so i've tryed to define
path="file:///C:/images/tv_on.gif";
becuase the port and the local host name aren't needed.
Anyway it does not work.
I don't know how to load an image that it is in a file in a different path from the mainclass path
CAN ANYONE HELP ME?

sorry to bother, similar like above, i tried many times on my computer to load a simple image in java application.. here's my code:
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.swing.*;
public class View extends JFrame {
     private URL imageURL;
     private File file;
     private Image sourceImage;
     private String name, title, message;
     private int width, height;
    public static void main(String[] args) {
        System.out.println( "Hello Eros!!!" );
        View img = new View();
    public View() {
         name = "D:/shared/inputpic.gif";
         file = new File( name );
        Toolkit toolkit = Toolkit.getDefaultToolkit();
        try {
            imageURL = new URL("http://www.google.com.my/images/logo_sm.gif" );
        } catch (MalformedURLException e) {
        if ( file == null ) {
            sourceImage = Toolkit.getDefaultToolkit().getImage( name );
            System.out.println( file );
        } else {
            sourceImage = toolkit.getImage( imageURL );
            System.out.println( file );
        width = sourceImage.getWidth( this );
        height = sourceImage.getHeight( this );
        System.out.println( "Pixel = " + width + "x" + height );
        if ( width * height == 1 ) {
            title = "Greetings"; // Shown in title bar of dialog box.
            if ( file == null ) {
                message = "Unable to load the file " + name;
            } else {
                message = "Unable to load the link " + imageURL;
            JOptionPane.showMessageDialog(null, message, title, JOptionPane.INFORMATION_MESSAGE);
}could anyone test this n give my the reason i couldnt even load the image

How to load a web page into crystal report

How can i load a web page into crystal report? pls help
Thanks in advance

Hi Sebastin,
You can't open a webpage in your Crystal Report, because all webpages will be executed in browser only. If you insert any webpage link in any documents it will not open in the same document, it will open in browser.
Hope this will help you
Thanks,
Sastry

How to load image in Long Raw column?

Dear all,
I need to upload a jpg image to a Long Raw column in one of our tables. Is there a way or utility so that I can do this thru a PL/SQL code? Please help.
Regards,
Amit

You must not be using LONG data type. It has been deprecated. You must be using BLOB. Here is an extract from AskTom.com on how to load a file into BLOB field.
create table demo
( id        int primary key,
theBlob    blob
create or replace directory my_files as '/export/home/tkyte/public_html';
declare
    l_blob    blob;
    l_bfile    bfile;
begin
    insert into demo values ( 1, empty_blob() )
    returning theBlob into l_blob;
    l_bfile := bfilename( 'MY_FILES', 'aria.gif' );
    dbms_lob.fileopen( l_bfile );
    dbms_lob.loadfromfile( l_blob, l_bfile,
                               dbms_lob.getlength( l_bfile ) );
    dbms_lob.fileclose( l_bfile );
end;
/Below is the link for the same.
http://asktom.oracle.com/pls/asktom/f?p=100:11:0::::P11_QUESTION_ID:232814159006

How to load image to midlet using SUN ONE Studio 4, ME?

Hi, everyone:
I'm trying to load an image to my midlet using Sun ONE Studio.
Image image = null;
try
image = Image.createImage("/Duke.png");
}catch (Exception ex) {}
ImageItem item = new ImageItem(null,image,ImageItem.LAYOUT_CENTER,null);
append(item);
I copied Duke.png in the same directory with midlet class file. But I can't see the image. I can get correct result by using J2ME wireless toolkit.
Anybody know how to use Sun ONE Studio to load image?
Thank you in advance!

Hi, everyone:
I'm trying to load an image to my midlet using Sun ONE
Studio.
Image image = null;
try
image = Image.createImage("/Duke.png");
}catch (Exception ex) {}
ImageItem item = new
m = new
ImageItem(null,image,ImageItem.LAYOUT_CENTER,null);
append(item);
I copied Duke.png in the same directory with midlet
class file. But I can't see the image. I can get
correct result by using J2ME wireless toolkit.
Anybody know how to use Sun ONE Studio to load image?
Thank you in advance!
Hi,
I have the same problem that you had with the path to the .png file in
sun one studio 4, ME.
Have did you solve it?
I have all my .java files and the .png file in the same dir. and
the call for creating the Image look like this:
logo = Image.createImage("/splash3.png");
and it does not work.
The .png file is in the jar content.
Will be thankful for all help!

How to Load a html page into Flex the application?

I want to load separate html page in to my flex application.
for example
think I am in my shopping cart and I wanna buy something and pay for that.Then I am try to pay they will load a separate html page into my shoipping cart.
How can I do that inside flex application?
Any ideas are appreciated..
thnx

Hi snkd,
You need to make use of iframe to load html content in Flex application.
Check out the link below...there is also source code included..
http://www.deitte.com/archives/2006/08/finally_updated.htm
Thanks,
Bhasker

How? Loading Image seqences from actionscript

Hi,
I need to load about 60 images where hese images are three animation sequences each 20 frames long. The first is the idel sequence which runs constanly until a key is pressed.Once the key is pressed the second animation sequence is run and so on.
As animation now consists of a series of images, I dont know how to load all these images into flash using actionscript and how to run the the animation and switch to different animation when a button is pressed.
Does anybody kno whow to do this?
thanks

You didn't say tidy
Of course you can make it more tidy by removing and adding the sprite on every frame. A movieclip with a timeline in Flash (afaik) does make it this way too - except you don't see the code for it. But I don't know if you have any benefits by removing them compared to make them visible and invisible (for your static graphics).
Or make it real tidy and build a quick animation+loader class which you can use in your main class.

How to load a default page in web based application ?

Hi
I am new to j2ee , I have an application in which , when i start the application , login.html should be open by default .
One way i found is that put the page name in <welcome-file> tag inside web.xml.
My question is that there any other way like calling the dafault servlet or something else by which we can load the default page ?
Any kind of help would be great.
thanks in advance.

Hi Rastogha,
that sounds (to me) like the right way to do this. I suppose another way would be to have index.html redirect using a meta tag, but that's a little messy IMHO.
sjl

Single page design - how to load images onto page

Similar Messages

Maybe you are looking for