How do I write conditional PHP if statements to change image dependant on selections

I'm a newbie to PHP and need to write some code to swap an image out. What I am doing is building a "Build & Price" script. The product has several options and multiple combinations. I have images of all the different possible combinations. I need the script to show a default image at the start, then depending on the options selected from form inputs (radio buttons and checkboxes)... it would change the image to show the appropriate options selected.

Can someone show me how to write this code?

Here are the conditions... the quotes after the if are the id's for the radio and checkbox inputs. The inside brackets () is the image that needs to be shown. First line is the dafault image.

Expand|Select|Wrap|Line Numbers

 
if default-image ('/images/build/Black/BLBA.jpg')
 
if 'gr-1' ('/images/build/Black/BLBA.jpg')

if 'gr-1' & 'awn-blue' ('/images/build/Black/BLBA.jpg')

if 'gr-1' & 'awn-blue' & 'opt-genbask' ('/images/build/Black/BLBABA.jpg')

if 'gr-1' & 'opt-genbask' ('/images/build/Black/BLBABA.jpg')

if 'gr-1' & 'awn-blue' & 'opt-king' ('/images/build/Black/BLBAKD.jpg')

if 'gr-1' & 'opt-king' ('/images/build/Black/BLBAKD.jpg')

if 'gr-1' & 'awn-blue' & 'opt-genbask' & 'opt-king' ('/images/build/Black/BLBAKDBA.jpg')

if 'gr-1' & 'opt-genbask' & 'opt-king' ('/images/build/Black/BLBAKDBA.jpg')

if 'gr-1' & 'awn-blue' & 'opt-king' & 'opt-solar' ('/images/build/Black/BLBAKDSO.jpg')

if 'gr-1' & 'opt-king' & 'opt-solar' ('/images/build/Black/BLBAKDSO.jpg')

if 'gr-1' & 'awn-blue' & 'opt-king' & 'opt-solar' & 'opt-genbask' ('/images/build/Black/BLBAKDSO.jpg')

if 'gr-1' & 'opt-king' & 'opt-solar' & 'opt-genbask' ('/images/build/Black/BLBAKDSOBA.jpg')

if 'gr-1' & 'awn-blue' & 'opt-solar' ('/images/build/Black/BLBASO.jpg')

if 'gr-1' & 'opt-solar' ('/images/build/Black/BLBASO.jpg')

if 'gr-1' & 'awn-blue' & 'opt-solar' & 'opt-genbask' ('/images/build/Black/BLBASOBA.jpg')

if 'gr-1' & 'opt-solar' & 'opt-genbask' ('/images/build/Black/BLBASOBA.jpg')
 
if 'gr-1' & 'awn-gray' ('/images/build/Black/BLGA.jpg')

if 'gr-1' & 'awn-gray' & 'opt-genbask' ('/images/build/Black/BLGABA.jpg')

if 'gr-1' & 'awn-gray' & 'opt-king' ('/images/build/Black/BLGAKD.jpg')

if 'gr-1' & 'awn-gray' & 'opt-genbask' & 'opt-king' ('/images/build/Black/BLGAKDBA.jpg')

if 'gr-1' & 'awn-gray' & 'opt-king' & 'opt-solar' ('/images/build/Black/BLGAKDSO.jpg')

if 'gr-1' & 'awn-gray' & 'opt-king' & 'opt-solar' & 'opt-genbask' ('/images/build/Black/BLGAKDSOBA.jpg')

if 'gr-1' & 'awn-gray' & 'opt-solar' ('/images/build/Black/BLGAKDSO.jpg')

if 'gr-1' & 'awn-gray' & 'opt-solar' & 'opt-genbask' ('/images/build/Black/BLGASOBA.jpg')
 
if 'gr-2' ('/images/build/Black2/BLBA.jpg')

if 'gr-2' & 'awn-blue' ('/images/build/Black2/BLBA.jpg')

if 'gr-2' & 'awn-blue' & 'opt-genbask' ('/images/build/Black2/BLBABA.jpg')

if 'gr-2' & 'opt-genbask' ('/images/build/Black2/BLBABA.jpg')

if 'gr-2' & 'awn-blue' & 'opt-king' ('/images/build/Black2/BLBAKD.jpg')

if 'gr-2' & 'opt-king' ('/images/build/Black2/BLBAKD.jpg')

if 'gr-2' & 'awn-blue' & 'opt-genbask' & 'opt-king' ('/images/build/Black2/BLBAKDBA.jpg')

if 'gr-2' & 'opt-genbask' & 'opt-king' ('/images/build/Black2/BLBAKDBA.jpg')

if 'gr-2' & 'awn-blue' & 'opt-king' & 'opt-solar' ('/images/build/Black2/BLBAKDSO.jpg')

if 'gr-2' & 'opt-king' & 'opt-solar' ('/images/build/Black2/BLBAKDSO.jpg')

if 'gr-2' & 'awn-blue' & 'opt-king' & 'opt-solar' & 'opt-genbask' ('/images/build/Black2/BLBAKDSO.jpg')

if 'gr-2' & 'opt-king' & 'opt-solar' & 'opt-genbask'et ('/images/build/Black2/BLBAKDSOBA.jpg')

if 'gr-2' & 'awn-blue' & 'opt-solar' ('/images/build/Black2/BLBASO.jpg')

if 'gr-2' & 'opt-solar' ('/images/build/Black2/BLBASO.jpg')

if 'gr-2' & 'awn-blue' & 'opt-solar' & 'opt-genbask' ('/images/build/Black2/BLBASOBA.jpg')

if 'gr-2' & 'opt-solar' & 'opt-genbask' ('/images/build/Black2/BLBASOBA.jpg')
 
if 'gr-2' & 'awn-gray' ('/images/build/Black2/BLGA.jpg')

if 'gr-2' & 'awn-gray' & 'opt-genbask' ('/images/build/Black2/BLGABA.jpg')

if 'gr-2' & 'awn-gray' & 'opt-king' ('/images/build/Black2/BLGAKD.jpg')

if 'gr-2' & 'awn-gray' & 'opt-genbask' & 'opt-king' ('/images/build/Black2/BLGAKDBA.jpg')

if 'gr-2' & 'awn-gray' & 'opt-king' & 'opt-solar' ('/images/build/Black2/BLGAKDSO.jpg')

if 'gr-2' & 'awn-gray' & 'opt-king' & 'opt-solar' & 'opt-genbask' ('/images/build/Black2/BLGAKDSOBA.jpg')

if 'gr-2' & 'awn-gray' & 'opt-solar' ('/images/build/Black2/BLGAKDSO.jpg')

if 'gr-2' & 'awn-gray' & 'opt-solar' & 'opt-genbask' ('/images/build/Black2/BLGASOBA.jpg')

Also... is PHP the best way to do this? I don't want any lag in loading the image. Maybe some type of javascript to handle this or maybe preload all images?

Apr 18 '14 #1

Subscribe Post Reply

1446

Dormilich

8,658

Expert Mod 8TB

I don't want any lag in loading the image.

if you’re using PHP or any other server side language this doesn’t matter as the page has to be reloaded anyways.

if you don’t need a server roundtrip, use a combination of JavaScript and CSS image sprites.

Apr 19 '14 #2

Similar topics

Question on conditional statements

by: Max | last post by:

Hi, I'm a perl programmer and am trying to learn PHP. So far I have figured out most of the differences, but have not been able to find out how to do the following: When running through a...

PHP

if...if...else if...multi conditional statements problem

by: Patrice | last post by:

Hi, I need to do multi-conditional statements like below, but this error is displayed : Expected 'End' /myFilepath, line x else response.write(arrCorpo(sparam,sdiv)) end if I don't...

ASP / Active Server Pages

conditional statements and loops

by: Sergej Andrejev | last post by:

Not long ago I was asked to give PHP lections to some private IT school. I'm on second lection now, and will be teaching my :) students conditional statements (if..else and switch) and loops (while...

PHP

Program without conditional Statements - Possible ?

by: Raghavendra R A V, CSS India | last post by:

hie.. Do any one knows how to write a C program without using the conditional statements if, for, while, do, switch, goto and even condotional statements ? It would be a great help for me if...

C / C++

conditional statements

by: prasad | last post by:

hai all users i resquesting the conditional statements examples. thaniking you inagaprasdreddy

C / C++

Change Image while loading

by: zPaul | last post by:

I would like to change image that says "loading" while loading a file. If that is not possible, change text in label. I was able to change the image in ASP but, can't do it in dotnet. Does...

ASP.NET

Change image of imagebutton

by: ruca | last post by:

Hi gurus, I have a imagebutton in my WebForm, and I want that when I click (mouse down) on her the imagebutton change image and when I "unclick" (mouse up) change to the original image. Basically...

ASP.NET

Where to write XQuery statements?

by: Shilpa | last post by:

Where to write XQuery statements? For eg: doc("D:\\workArea\\Books.xml")/Books/Book/Name

.NET Framework

How to Change image size at runtime in flash

by: kadarkarai | last post by:

I am developing photo gallery in Macromedia Flash 8 and XML to retrive the Image. Image Size is all in different size. my question is How to Change image size at runtime in flash? so that image...

Flash / Actionscript

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware